UNPKG

@vime/core

Version:

Customizable, extensible, accessible and framework agnostic media player.

vime-js/vime

114 lines (113 loc) • 2.44 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
import { en } from './lang/en'; export const initialState = { theme: undefined, paused: true, playing: false, duration: -1, currentProvider: undefined, mediaTitle: undefined, currentSrc: undefined, currentPoster: undefined, textTracks: [], currentTextTrack: -1, audioTracks: [], currentAudioTrack: -1, isTextTrackVisible: true, shouldRenderNativeTextTracks: true, icons: 'vime', currentTime: 0, autoplay: false, ready: false, playbackReady: false, loop: false, muted: false, buffered: 0, playbackRate: 1, playbackRates: [1], playbackQuality: undefined, playbackQualities: [], seeking: false, debug: false, playbackStarted: false, playbackEnded: false, buffering: false, controls: false, isControlsActive: false, volume: 50, isFullscreenActive: false, aspectRatio: '16:9', viewType: undefined, isAudioView: false, isVideoView: false, mediaType: undefined, isAudio: false, isVideo: false, isMobile: false, isTouch: false, isSettingsActive: false, isLive: false, isPiPActive: false, autopause: true, playsinline: false, language: 'en', languages: ['en'], translations: { en }, i18n: en, }; const writableProps = new Set([ 'autoplay', 'autopause', 'aspectRatio', 'controls', 'theme', 'debug', 'paused', 'currentTime', 'language', 'loop', 'translations', 'playbackQuality', 'muted', 'playbackRate', 'playsinline', 'volume', 'isSettingsActive', 'isControlsActive', 'shouldRenderNativeTextTracks', ]); export const isReadonlyProp = (prop) => !writableProps.has(prop); export const isWritableProp = (prop) => writableProps.has(prop); /** * Player properties that should be reset when the media is changed. */ const resetableProps = new Set([ 'paused', 'currentTime', 'duration', 'buffered', 'seeking', 'playing', 'buffering', 'playbackReady', 'textTracks', 'currentTextTrack', 'audioTracks', 'currentAudioTrack', 'mediaTitle', 'currentSrc', 'currentPoster', 'playbackRate', 'playbackRates', 'playbackStarted', 'playbackEnded', 'playbackQuality', 'playbackQualities', 'mediaType', ]); export const shouldPropResetOnMediaChange = (prop) => resetableProps.has(prop); const playerWritableProps = new Set([ 'isMobile', 'isTouch', 'isFullscreenActive', ]); export const isPlayerWritableProp = (prop) => isWritableProp(prop) || playerWritableProps.has(prop);