This commit is contained in:
streamich 2018-10-29 20:25:14 +00:00
parent 7491cc383f
commit 6b6a0032d9
11 changed files with 35 additions and 27 deletions

View File

@ -22,6 +22,6 @@
<body>
<div id="root"></div>
<div id="error-display"></div>
<script type="text/javascript" src="static/preview.66bedc1c74f965903e07.bundle.js"></script></body>
<script type="text/javascript" src="static/preview.0c9b62fe920d2565ee0f.bundle.js"></script></body>
</html>

View File

@ -40,5 +40,5 @@
</head>
<body style="margin: 0;">
<div id="root"></div>
<script type="text/javascript" src="static/manager.d82a5f6d2108e09902e3.bundle.js"></script></body>
<script type="text/javascript" src="static/manager.5946ed0ddd2643a03f6b.bundle.js"></script></body>
</html>

1
lib/__stories__/useVideo.story.d.ts vendored Normal file
View File

@ -0,0 +1 @@
export {};

3
lib/index.d.ts vendored
View File

@ -36,5 +36,6 @@ import useToggle from './useToggle';
import useTween from './useTween';
import useUnmount from './useUnmount';
import useUpdate from './useUpdate';
import useVideo from './useVideo';
import useWindowSize from './useWindowSize';
export { createMemo, useAsync, useAudio, useBattery, useBoolean, useCounter, useCss, useFavicon, useGeolocation, useGetSet, useGetSetState, useHover, useIdle, useLifecycles, useList, useLocalStorage, useLocation, useLogger, useMap, useMedia, useMediaDevices, useMotion, useMount, useNetwork, useNumber, useObservable, useOrientation, useRaf, useSetState, useSize, useSpeech, useSpring, useTimeout, useTitle, useToggle, useTween, useUnmount, useUpdate, useWindowSize, };
export { createMemo, useAsync, useAudio, useBattery, useBoolean, useCounter, useCss, useFavicon, useGeolocation, useGetSet, useGetSetState, useHover, useIdle, useLifecycles, useList, useLocalStorage, useLocation, useLogger, useMap, useMedia, useMediaDevices, useMotion, useMount, useNetwork, useNumber, useObservable, useOrientation, useRaf, useSetState, useSize, useSpeech, useSpring, useTimeout, useTitle, useToggle, useTween, useUnmount, useUpdate, useVideo, useWindowSize, };

24
lib/useAudio.d.ts vendored
View File

@ -1,23 +1,3 @@
import * as React from 'react';
import { ReactRef } from './react';
export interface AudioProps extends React.AudioHTMLAttributes<any> {
src: string;
}
export interface AudioState {
buffered: any[];
duration: number;
isPlaying: boolean;
muted: boolean;
time: number;
volume: number;
}
export interface AudioControls {
play: () => Promise<void> | void;
pause: () => void;
mute: () => void;
unmute: () => void;
volume: (volume: number) => void;
seek: (time: number) => void;
}
declare const useAudio: (props: AudioProps) => [React.ReactElement<AudioProps>, AudioState, AudioControls, ReactRef<HTMLAudioElement | null>];
/// <reference types="react" />
declare const useAudio: (elOrProps: import("./util/createHTMLMediaHook").HTMLMediaProps | import("react").ReactElement<import("./util/createHTMLMediaHook").HTMLMediaProps>) => [import("react").ReactElement<import("./util/createHTMLMediaHook").HTMLMediaProps>, import("./util/createHTMLMediaHook").HTMLMediaState, import("./util/createHTMLMediaHook").HTMLMediaControls, import("./react").ReactRef<HTMLAudioElement | null>];
export default useAudio;

3
lib/useVideo.d.ts vendored Normal file
View File

@ -0,0 +1,3 @@
/// <reference types="react" />
declare const useVideo: (elOrProps: import("./util/createHTMLMediaHook").HTMLMediaProps | import("react").ReactElement<import("./util/createHTMLMediaHook").HTMLMediaProps>) => [import("react").ReactElement<import("./util/createHTMLMediaHook").HTMLMediaProps>, import("./util/createHTMLMediaHook").HTMLMediaState, import("./util/createHTMLMediaHook").HTMLMediaControls, import("./react").ReactRef<HTMLAudioElement | null>];
export default useVideo;

23
lib/util/createHTMLMediaHook.d.ts vendored Normal file
View File

@ -0,0 +1,23 @@
import * as React from 'react';
import { ReactRef } from '../react';
export interface HTMLMediaProps extends React.AudioHTMLAttributes<any>, React.VideoHTMLAttributes<any> {
src: string;
}
export interface HTMLMediaState {
buffered: any[];
duration: number;
isPlaying: boolean;
muted: boolean;
time: number;
volume: number;
}
export interface HTMLMediaControls {
play: () => Promise<void> | void;
pause: () => void;
mute: () => void;
unmute: () => void;
volume: (volume: number) => void;
seek: (time: number) => void;
}
declare const createHTMLMediaHook: (tag: "audio" | "video") => (elOrProps: HTMLMediaProps | React.ReactElement<HTMLMediaProps>) => [React.ReactElement<HTMLMediaProps>, HTMLMediaState, HTMLMediaControls, ReactRef<HTMLAudioElement | null>];
export default createHTMLMediaHook;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long