vidply 1.0.45 → 1.0.50
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +34 -2
- package/dist/dev/{vidply.AudioDescriptionManager-XG32DISZ.js → vidply.AudioDescriptionManager-KGVPMQV2.js} +2 -2
- package/dist/dev/vidply.DASHRenderer-7BNDQ2Y3.js +660 -0
- package/dist/dev/vidply.DASHRenderer-7BNDQ2Y3.js.map +7 -0
- package/dist/dev/{vidply.HLSRenderer-RTJ6NSB3.js → vidply.HLSRenderer-N5HHMRN3.js} +118 -13
- package/dist/dev/vidply.HLSRenderer-N5HHMRN3.js.map +7 -0
- package/dist/dev/{vidply.SignLanguageManager-YQ2ETTUO.js → vidply.SignLanguageManager-I54UIH2A.js} +2 -2
- package/dist/dev/{vidply.TranscriptManager-VCRQXB5W.js → vidply.TranscriptManager-65P3NXNQ.js} +33 -7
- package/dist/dev/vidply.TranscriptManager-65P3NXNQ.js.map +7 -0
- package/dist/dev/{vidply.chunk-RX6NLSHH.js → vidply.chunk-RCYAEYFW.js} +63 -27
- package/dist/dev/vidply.chunk-RCYAEYFW.js.map +7 -0
- package/dist/dev/{vidply.chunk-MQRVLOTX.js → vidply.chunk-YDUDBUC4.js} +2 -2
- package/dist/dev/{vidply.chunk-MQRVLOTX.js.map → vidply.chunk-YDUDBUC4.js.map} +2 -2
- package/dist/dev/vidply.esm.js +76 -40
- package/dist/dev/vidply.esm.js.map +2 -2
- package/dist/legacy/vidply.js +947 -79
- package/dist/legacy/vidply.js.map +4 -4
- package/dist/legacy/vidply.min.js +1 -1
- package/dist/legacy/vidply.min.meta.json +28 -15
- package/dist/prod/{vidply.AudioDescriptionManager-S2B3YPBT.min.js → vidply.AudioDescriptionManager-QACGQ522.min.js} +1 -1
- package/dist/prod/vidply.DASHRenderer-VPATJU4E.min.js +6 -0
- package/dist/prod/vidply.HLSRenderer-GNTNO7YX.min.js +6 -0
- package/dist/prod/{vidply.SignLanguageManager-6M4S4KNR.min.js → vidply.SignLanguageManager-2PSFUCWW.min.js} +1 -1
- package/dist/prod/vidply.TranscriptManager-US4XL3KO.min.js +6 -0
- package/dist/prod/vidply.chunk-4NXUBDGE.min.js +6 -0
- package/dist/prod/{vidply.chunk-7OK6TG2Y.min.js → vidply.chunk-UFDEGEXZ.min.js} +1 -1
- package/dist/prod/vidply.esm.min.js +1 -1
- package/dist/vidply.css +31 -4
- package/dist/vidply.esm.min.meta.json +61 -34
- package/dist/vidply.min.css +1 -1
- package/package.json +4 -4
- package/src/controls/CaptionManager.js +84 -76
- package/src/controls/ControlBar.js +30 -19
- package/src/controls/TranscriptManager.js +43 -8
- package/src/core/Player.js +66 -27
- package/src/features/PlaylistManager.js +10 -6
- package/src/renderers/DASHRenderer.js +774 -0
- package/src/renderers/HLSRenderer.js +144 -22
- package/src/styles/vidply.css +31 -4
- package/src/utils/FormUtils.js +2 -2
- package/dist/dev/vidply.HLSRenderer-RTJ6NSB3.js.map +0 -7
- package/dist/dev/vidply.TranscriptManager-VCRQXB5W.js.map +0 -7
- package/dist/dev/vidply.chunk-RX6NLSHH.js.map +0 -7
- package/dist/prod/vidply.HLSRenderer-H6H7CFKN.min.js +0 -6
- package/dist/prod/vidply.TranscriptManager-457ACZUN.min.js +0 -6
- package/dist/prod/vidply.chunk-NFACYQG2.min.js +0 -6
- /package/dist/dev/{vidply.AudioDescriptionManager-XG32DISZ.js.map → vidply.AudioDescriptionManager-KGVPMQV2.js.map} +0 -0
- /package/dist/dev/{vidply.SignLanguageManager-YQ2ETTUO.js.map → vidply.SignLanguageManager-I54UIH2A.js.map} +0 -0
package/README.md
CHANGED
|
@@ -7,7 +7,7 @@ A modern, feature-rich media player built with vanilla ES6 JavaScript. Combines
|
|
|
7
7
|

|
|
8
8
|

|
|
9
9
|

|
|
10
|
-

|
|
11
11
|
|
|
12
12
|
## Live Demos
|
|
13
13
|
|
|
@@ -17,6 +17,7 @@ Try VidPly in action:
|
|
|
17
17
|
- **[Video Playlist](https://matthiaspeltzer.github.io/vidply/demo/playlist-video.html)** - Video playlist with thumbnails
|
|
18
18
|
- **[Mixed Playlist](https://matthiaspeltzer.github.io/vidply/demo/playlist-mixed.html)** - Combined audio and video playlist
|
|
19
19
|
- **[HLS Streaming](https://matthiaspeltzer.github.io/vidply/demo/hls-test.html)** - Adaptive bitrate streaming demo
|
|
20
|
+
- **[DASH Streaming](https://matthiaspeltzer.github.io/vidply/demo/dash-test.html)** - MPEG-DASH streaming demo
|
|
20
21
|
|
|
21
22
|
## Why VidPly?
|
|
22
23
|
|
|
@@ -35,6 +36,7 @@ Try VidPly in action:
|
|
|
35
36
|
- **YouTube Integration** - Embed YouTube videos with unified controls
|
|
36
37
|
- **Vimeo Integration** - Seamless Vimeo player integration
|
|
37
38
|
- **HLS Streaming** - Adaptive bitrate streaming with quality selection and dynamic subtitle detection
|
|
39
|
+
- **DASH Streaming** - MPEG-DASH support via dash.js with adaptive quality, TTML and WebVTT subtitles
|
|
38
40
|
- **Preview Thumbnails** - Video preview thumbnails on progress bar hover
|
|
39
41
|
- **Playlists** - Full playlist support with auto-advance and navigation
|
|
40
42
|
- Audio playlists with track info
|
|
@@ -215,6 +217,29 @@ That's it! The player auto-initializes.
|
|
|
215
217
|
<video data-vidply src="https://example.com/stream.m3u8"></video>
|
|
216
218
|
```
|
|
217
219
|
|
|
220
|
+
### DASH Streaming
|
|
221
|
+
|
|
222
|
+
```html
|
|
223
|
+
<video data-vidply src="https://example.com/manifest.mpd"></video>
|
|
224
|
+
```
|
|
225
|
+
|
|
226
|
+
### DASH + HLS + MP4 Fallback
|
|
227
|
+
|
|
228
|
+
For maximum device compatibility, provide all three formats:
|
|
229
|
+
|
|
230
|
+
```html
|
|
231
|
+
<video data-vidply width="800" height="450" poster="preview.jpg">
|
|
232
|
+
<source src="video/dash/manifest.mpd" type="application/dash+xml">
|
|
233
|
+
<source src="video/hls/master.m3u8" type="application/x-mpegURL">
|
|
234
|
+
<source src="video/fallback.mp4" type="video/mp4">
|
|
235
|
+
<track kind="subtitles" src="video/vtt/subtitles.de.vtt" srclang="de" label="Deutsch" default>
|
|
236
|
+
<track kind="subtitles" src="video/vtt/subtitles.en.vtt" srclang="en" label="English">
|
|
237
|
+
<track kind="chapters" src="video/vtt/chapters.de.vtt" srclang="de" label="Kapitel">
|
|
238
|
+
</video>
|
|
239
|
+
```
|
|
240
|
+
|
|
241
|
+
VidPly auto-detects the source type by file extension (`.mpd` / `.m3u8` / `.mp4`) and selects the appropriate renderer.
|
|
242
|
+
|
|
218
243
|
## Configuration Options
|
|
219
244
|
|
|
220
245
|
```javascript
|
|
@@ -302,6 +327,10 @@ const player = new Player('#video', {
|
|
|
302
327
|
onPause: () => console.log('Paused!'),
|
|
303
328
|
onEnded: () => console.log('Ended!'),
|
|
304
329
|
|
|
330
|
+
// Streaming
|
|
331
|
+
hideSpeedForHls: true, // Hide speed control for HLS streams
|
|
332
|
+
hideSpeedForDash: true, // Hide speed control for DASH streams
|
|
333
|
+
|
|
305
334
|
// Advanced
|
|
306
335
|
debug: false,
|
|
307
336
|
pauseOthersOnPlay: true,
|
|
@@ -439,7 +468,7 @@ player.switchSignLanguage('de') // Switch to German sign language
|
|
|
439
468
|
### Playlists
|
|
440
469
|
|
|
441
470
|
```javascript
|
|
442
|
-
import { Player, PlaylistManager } from './dist/vidply.esm.js';
|
|
471
|
+
import { Player, PlaylistManager } from './dist/prod/vidply.esm.min.js';
|
|
443
472
|
|
|
444
473
|
// Create player
|
|
445
474
|
const player = new Player('#my-player');
|
|
@@ -512,6 +541,9 @@ player.on('timeupdate', (time) => {})
|
|
|
512
541
|
player.on('volumechange', (volume) => {})
|
|
513
542
|
player.on('playbackspeedchange', (speed) => {})
|
|
514
543
|
player.on('fullscreenchange', (isFullscreen) => {})
|
|
544
|
+
player.on('hlsmanifestparsed', (data) => {})
|
|
545
|
+
player.on('dashqualitychanged', (data) => {})
|
|
546
|
+
player.on('textcuesupdate', () => {})
|
|
515
547
|
player.on('captionsenabled', (track) => {})
|
|
516
548
|
player.on('captionsdisabled', () => {})
|
|
517
549
|
player.on('error', (error) => {})
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
*/
|
|
6
6
|
import {
|
|
7
7
|
CaptionManager
|
|
8
|
-
} from "./vidply.chunk-
|
|
8
|
+
} from "./vidply.chunk-RCYAEYFW.js";
|
|
9
9
|
import "./vidply.chunk-JZWZJC4C.js";
|
|
10
10
|
import "./vidply.chunk-XAFVSP6D.js";
|
|
11
11
|
|
|
@@ -556,4 +556,4 @@ var AudioDescriptionManager = class {
|
|
|
556
556
|
export {
|
|
557
557
|
AudioDescriptionManager
|
|
558
558
|
};
|
|
559
|
-
//# sourceMappingURL=vidply.AudioDescriptionManager-
|
|
559
|
+
//# sourceMappingURL=vidply.AudioDescriptionManager-KGVPMQV2.js.map
|