archive-gh-me/react-use
1
0
Fork 0
mirror of https://github.com/streamich/react-use.git synced 2026-01-18 14:06:52 +00:00
Code Issues Projects Releases Wiki Activity

Using paused property instead of isPlaying

Browse Source
This commit is contained in:
realdennis 2019-08-30 13:21:00 +08:00
parent ff615a3807
commit 4dde514de8
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/util/createHTMLMediaHook.ts
View File

@ -10,7 +10,7 @@ export interface HTMLMediaProps extends React.AudioHTMLAttributes<any>, React.Vi
export interface HTMLMediaState {
buffered: any[];
duration: number;
isPlaying: boolean;
paused: boolean;
muted: boolean;
time: number;
volume: number;
@ -43,7 +43,7 @@ const createHTMLMediaHook = (tag: 'audio' | 'video') => {
buffered: [],
time: 0,
duration: 0,
isPlaying: false,
paused: true,
muted: false,
volume: 1,
});
@ -59,8 +59,8 @@ const createHTMLMediaHook = (tag: 'audio' | 'video') => {
};
};
const onPlay = () => setState({ isPlaying: true });
const onPause = () => setState({ isPlaying: false });
const onPlay = () => setState({ paused: false });
const onPause = () => setState({ paused: true });
const onVolumeChange = () => {
const el = ref.current;
if (!el) {
@ -208,7 +208,7 @@ const createHTMLMediaHook = (tag: 'audio' | 'video') => {
setState({
volume: el.volume,
muted: el.muted,
isPlaying: !el.paused,
paused: el.paused,
});
// Start media, if autoPlay requested.