1 | import videojs from 'video.js';
|
2 | import PlaylistLoader from './playlist-loader';
|
3 | import DashPlaylistLoader from './dash-playlist-loader';
|
4 | import noop from './util/noop';
|
5 | import {isAudioOnly, playlistMatch} from './playlist.js';
|
6 | import logger from './util/logger';
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 | const audioTrackKind_ = (properties) => {
|
14 | let kind = properties.default ? 'main' : 'alternative';
|
15 |
|
16 | if (properties.characteristics &&
|
17 | properties.characteristics.indexOf('public.accessibility.describes-video') >= 0) {
|
18 | kind = 'main-desc';
|
19 | }
|
20 |
|
21 | return kind;
|
22 | };
|
23 |
|
24 |
|
25 |
|
26 |
|
27 |
|
28 |
|
29 |
|
30 |
|
31 |
|
32 |
|
33 | export const stopLoaders = (segmentLoader, mediaType) => {
|
34 | segmentLoader.abort();
|
35 | segmentLoader.pause();
|
36 |
|
37 | if (mediaType && mediaType.activePlaylistLoader) {
|
38 | mediaType.activePlaylistLoader.pause();
|
39 | mediaType.activePlaylistLoader = null;
|
40 | }
|
41 | };
|
42 |
|
43 |
|
44 |
|
45 |
|
46 |
|
47 |
|
48 |
|
49 |
|
50 |
|
51 |
|
52 | export const startLoaders = (playlistLoader, mediaType) => {
|
53 |
|
54 |
|
55 | mediaType.activePlaylistLoader = playlistLoader;
|
56 | playlistLoader.load();
|
57 | };
|
58 |
|
59 |
|
60 |
|
61 |
|
62 |
|
63 |
|
64 |
|
65 |
|
66 |
|
67 |
|
68 |
|
69 |
|
70 |
|
71 |
|
72 |
|
73 |
|
74 | export const onGroupChanged = (type, settings) => () => {
|
75 | const {
|
76 | segmentLoaders: {
|
77 | [type]: segmentLoader,
|
78 | main: mainSegmentLoader
|
79 | },
|
80 | mediaTypes: { [type]: mediaType }
|
81 | } = settings;
|
82 | const activeTrack = mediaType.activeTrack();
|
83 | const activeGroup = mediaType.getActiveGroup();
|
84 | const previousActiveLoader = mediaType.activePlaylistLoader;
|
85 | const lastGroup = mediaType.lastGroup_;
|
86 |
|
87 |
|
88 | if (activeGroup && lastGroup && activeGroup.id === lastGroup.id) {
|
89 | return;
|
90 | }
|
91 |
|
92 | mediaType.lastGroup_ = activeGroup;
|
93 | mediaType.lastTrack_ = activeTrack;
|
94 |
|
95 | stopLoaders(segmentLoader, mediaType);
|
96 |
|
97 | if (!activeGroup || activeGroup.isMasterPlaylist) {
|
98 |
|
99 | return;
|
100 | }
|
101 |
|
102 | if (!activeGroup.playlistLoader) {
|
103 | if (previousActiveLoader) {
|
104 |
|
105 |
|
106 |
|
107 |
|
108 | mainSegmentLoader.resetEverything();
|
109 | }
|
110 | return;
|
111 | }
|
112 |
|
113 |
|
114 | segmentLoader.resyncLoader();
|
115 |
|
116 | startLoaders(activeGroup.playlistLoader, mediaType);
|
117 | };
|
118 |
|
119 | export const onGroupChanging = (type, settings) => () => {
|
120 | const {
|
121 | segmentLoaders: {
|
122 | [type]: segmentLoader
|
123 | },
|
124 | mediaTypes: { [type]: mediaType }
|
125 | } = settings;
|
126 |
|
127 | mediaType.lastGroup_ = null;
|
128 |
|
129 | segmentLoader.abort();
|
130 | segmentLoader.pause();
|
131 | };
|
132 |
|
133 |
|
134 |
|
135 |
|
136 |
|
137 |
|
138 |
|
139 |
|
140 |
|
141 |
|
142 |
|
143 |
|
144 |
|
145 |
|
146 |
|
147 | export const onTrackChanged = (type, settings) => () => {
|
148 | const {
|
149 | masterPlaylistLoader,
|
150 | segmentLoaders: {
|
151 | [type]: segmentLoader,
|
152 | main: mainSegmentLoader
|
153 | },
|
154 | mediaTypes: { [type]: mediaType }
|
155 | } = settings;
|
156 | const activeTrack = mediaType.activeTrack();
|
157 | const activeGroup = mediaType.getActiveGroup();
|
158 | const previousActiveLoader = mediaType.activePlaylistLoader;
|
159 | const lastTrack = mediaType.lastTrack_;
|
160 |
|
161 |
|
162 | if (lastTrack && activeTrack && lastTrack.id === activeTrack.id) {
|
163 | return;
|
164 | }
|
165 |
|
166 | mediaType.lastGroup_ = activeGroup;
|
167 | mediaType.lastTrack_ = activeTrack;
|
168 |
|
169 | stopLoaders(segmentLoader, mediaType);
|
170 |
|
171 | if (!activeGroup) {
|
172 |
|
173 | return;
|
174 | }
|
175 |
|
176 | if (activeGroup.isMasterPlaylist) {
|
177 |
|
178 | if (!activeTrack || !lastTrack || activeTrack.id === lastTrack.id) {
|
179 | return;
|
180 | }
|
181 |
|
182 | const mpc = settings.vhs.masterPlaylistController_;
|
183 | const newPlaylist = mpc.selectPlaylist();
|
184 |
|
185 |
|
186 | if (mpc.media() === newPlaylist) {
|
187 | return;
|
188 | }
|
189 |
|
190 | mediaType.logger_(`track change. Switching master audio from ${lastTrack.id} to ${activeTrack.id}`);
|
191 | masterPlaylistLoader.pause();
|
192 | mainSegmentLoader.resetEverything();
|
193 | mpc.fastQualityChange_(newPlaylist);
|
194 |
|
195 | return;
|
196 | }
|
197 |
|
198 | if (type === 'AUDIO') {
|
199 | if (!activeGroup.playlistLoader) {
|
200 |
|
201 |
|
202 |
|
203 | mainSegmentLoader.setAudio(true);
|
204 |
|
205 |
|
206 | mainSegmentLoader.resetEverything();
|
207 | return;
|
208 | }
|
209 |
|
210 |
|
211 |
|
212 |
|
213 | segmentLoader.setAudio(true);
|
214 | mainSegmentLoader.setAudio(false);
|
215 | }
|
216 |
|
217 | if (previousActiveLoader === activeGroup.playlistLoader) {
|
218 |
|
219 |
|
220 |
|
221 | startLoaders(activeGroup.playlistLoader, mediaType);
|
222 | return;
|
223 | }
|
224 |
|
225 | if (segmentLoader.track) {
|
226 |
|
227 | segmentLoader.track(activeTrack);
|
228 | }
|
229 |
|
230 |
|
231 | segmentLoader.resetEverything();
|
232 |
|
233 | startLoaders(activeGroup.playlistLoader, mediaType);
|
234 | };
|
235 |
|
236 | export const onError = {
|
237 | |
238 |
|
239 |
|
240 |
|
241 |
|
242 |
|
243 |
|
244 |
|
245 |
|
246 |
|
247 |
|
248 |
|
249 |
|
250 | AUDIO: (type, settings) => () => {
|
251 | const {
|
252 | segmentLoaders: { [type]: segmentLoader},
|
253 | mediaTypes: { [type]: mediaType },
|
254 | blacklistCurrentPlaylist
|
255 | } = settings;
|
256 |
|
257 | stopLoaders(segmentLoader, mediaType);
|
258 |
|
259 |
|
260 | const activeTrack = mediaType.activeTrack();
|
261 | const activeGroup = mediaType.activeGroup();
|
262 | const id = (activeGroup.filter(group => group.default)[0] || activeGroup[0]).id;
|
263 | const defaultTrack = mediaType.tracks[id];
|
264 |
|
265 | if (activeTrack === defaultTrack) {
|
266 |
|
267 |
|
268 | blacklistCurrentPlaylist({
|
269 | message: 'Problem encountered loading the default audio track.'
|
270 | });
|
271 | return;
|
272 | }
|
273 |
|
274 | videojs.log.warn('Problem encountered loading the alternate audio track.' +
|
275 | 'Switching back to default.');
|
276 |
|
277 | for (const trackId in mediaType.tracks) {
|
278 | mediaType.tracks[trackId].enabled = mediaType.tracks[trackId] === defaultTrack;
|
279 | }
|
280 |
|
281 | mediaType.onTrackChanged();
|
282 | },
|
283 | |
284 |
|
285 |
|
286 |
|
287 |
|
288 |
|
289 |
|
290 |
|
291 |
|
292 |
|
293 |
|
294 |
|
295 | SUBTITLES: (type, settings) => () => {
|
296 | const {
|
297 | segmentLoaders: { [type]: segmentLoader},
|
298 | mediaTypes: { [type]: mediaType }
|
299 | } = settings;
|
300 |
|
301 | videojs.log.warn('Problem encountered loading the subtitle track.' +
|
302 | 'Disabling subtitle track.');
|
303 |
|
304 | stopLoaders(segmentLoader, mediaType);
|
305 |
|
306 | const track = mediaType.activeTrack();
|
307 |
|
308 | if (track) {
|
309 | track.mode = 'disabled';
|
310 | }
|
311 |
|
312 | mediaType.onTrackChanged();
|
313 | }
|
314 | };
|
315 |
|
316 | export const setupListeners = {
|
317 | |
318 |
|
319 |
|
320 |
|
321 |
|
322 |
|
323 |
|
324 |
|
325 |
|
326 |
|
327 |
|
328 | AUDIO: (type, playlistLoader, settings) => {
|
329 | if (!playlistLoader) {
|
330 |
|
331 | return;
|
332 | }
|
333 |
|
334 | const {
|
335 | tech,
|
336 | requestOptions,
|
337 | segmentLoaders: { [type]: segmentLoader }
|
338 | } = settings;
|
339 |
|
340 | playlistLoader.on('loadedmetadata', () => {
|
341 | const media = playlistLoader.media();
|
342 |
|
343 | segmentLoader.playlist(media, requestOptions);
|
344 |
|
345 |
|
346 |
|
347 | if (!tech.paused() || (media.endList && tech.preload() !== 'none')) {
|
348 | segmentLoader.load();
|
349 | }
|
350 | });
|
351 |
|
352 | playlistLoader.on('loadedplaylist', () => {
|
353 | segmentLoader.playlist(playlistLoader.media(), requestOptions);
|
354 |
|
355 |
|
356 | if (!tech.paused()) {
|
357 | segmentLoader.load();
|
358 | }
|
359 | });
|
360 |
|
361 | playlistLoader.on('error', onError[type](type, settings));
|
362 | },
|
363 | |
364 |
|
365 |
|
366 |
|
367 |
|
368 |
|
369 |
|
370 |
|
371 |
|
372 |
|
373 |
|
374 | SUBTITLES: (type, playlistLoader, settings) => {
|
375 | const {
|
376 | tech,
|
377 | requestOptions,
|
378 | segmentLoaders: { [type]: segmentLoader },
|
379 | mediaTypes: { [type]: mediaType }
|
380 | } = settings;
|
381 |
|
382 | playlistLoader.on('loadedmetadata', () => {
|
383 | const media = playlistLoader.media();
|
384 |
|
385 | segmentLoader.playlist(media, requestOptions);
|
386 | segmentLoader.track(mediaType.activeTrack());
|
387 |
|
388 |
|
389 |
|
390 | if (!tech.paused() || (media.endList && tech.preload() !== 'none')) {
|
391 | segmentLoader.load();
|
392 | }
|
393 | });
|
394 |
|
395 | playlistLoader.on('loadedplaylist', () => {
|
396 | segmentLoader.playlist(playlistLoader.media(), requestOptions);
|
397 |
|
398 |
|
399 | if (!tech.paused()) {
|
400 | segmentLoader.load();
|
401 | }
|
402 | });
|
403 |
|
404 | playlistLoader.on('error', onError[type](type, settings));
|
405 | }
|
406 | };
|
407 |
|
408 | export const initialize = {
|
409 | |
410 |
|
411 |
|
412 |
|
413 |
|
414 |
|
415 |
|
416 |
|
417 |
|
418 | 'AUDIO': (type, settings) => {
|
419 | const {
|
420 | vhs,
|
421 | sourceType,
|
422 | segmentLoaders: { [type]: segmentLoader },
|
423 | requestOptions,
|
424 | master: {mediaGroups},
|
425 | mediaTypes: {
|
426 | [type]: {
|
427 | groups,
|
428 | tracks,
|
429 | logger_
|
430 | }
|
431 | },
|
432 | masterPlaylistLoader
|
433 | } = settings;
|
434 |
|
435 | const audioOnlyMaster = isAudioOnly(masterPlaylistLoader.master);
|
436 |
|
437 |
|
438 | if (!mediaGroups[type] ||
|
439 | Object.keys(mediaGroups[type]).length === 0) {
|
440 | mediaGroups[type] = { main: { default: { default: true } } };
|
441 | if (audioOnlyMaster) {
|
442 | mediaGroups[type].main.default.playlists = masterPlaylistLoader.master.playlists;
|
443 | }
|
444 | }
|
445 |
|
446 | for (const groupId in mediaGroups[type]) {
|
447 | if (!groups[groupId]) {
|
448 | groups[groupId] = [];
|
449 | }
|
450 | for (const variantLabel in mediaGroups[type][groupId]) {
|
451 | let properties = mediaGroups[type][groupId][variantLabel];
|
452 |
|
453 | let playlistLoader;
|
454 |
|
455 | if (audioOnlyMaster) {
|
456 | logger_(`AUDIO group '${groupId}' label '${variantLabel}' is a master playlist`);
|
457 | properties.isMasterPlaylist = true;
|
458 | playlistLoader = null;
|
459 |
|
460 |
|
461 |
|
462 | } else if (sourceType === 'vhs-json' && properties.playlists) {
|
463 | playlistLoader = new PlaylistLoader(
|
464 | properties.playlists[0],
|
465 | vhs,
|
466 | requestOptions
|
467 | );
|
468 | } else if (properties.resolvedUri) {
|
469 | playlistLoader = new PlaylistLoader(
|
470 | properties.resolvedUri,
|
471 | vhs,
|
472 | requestOptions
|
473 | );
|
474 |
|
475 |
|
476 | } else if (properties.playlists && sourceType === 'dash') {
|
477 | playlistLoader = new DashPlaylistLoader(
|
478 | properties.playlists[0],
|
479 | vhs,
|
480 | requestOptions,
|
481 | masterPlaylistLoader
|
482 | );
|
483 | } else {
|
484 |
|
485 |
|
486 | playlistLoader = null;
|
487 | }
|
488 |
|
489 | properties = videojs.mergeOptions(
|
490 | { id: variantLabel, playlistLoader },
|
491 | properties
|
492 | );
|
493 |
|
494 | setupListeners[type](type, properties.playlistLoader, settings);
|
495 |
|
496 | groups[groupId].push(properties);
|
497 |
|
498 | if (typeof tracks[variantLabel] === 'undefined') {
|
499 | const track = new videojs.AudioTrack({
|
500 | id: variantLabel,
|
501 | kind: audioTrackKind_(properties),
|
502 | enabled: false,
|
503 | language: properties.language,
|
504 | default: properties.default,
|
505 | label: variantLabel
|
506 | });
|
507 |
|
508 | tracks[variantLabel] = track;
|
509 | }
|
510 | }
|
511 | }
|
512 |
|
513 |
|
514 | segmentLoader.on('error', onError[type](type, settings));
|
515 | },
|
516 | |
517 |
|
518 |
|
519 |
|
520 |
|
521 |
|
522 |
|
523 |
|
524 |
|
525 | 'SUBTITLES': (type, settings) => {
|
526 | const {
|
527 | tech,
|
528 | vhs,
|
529 | sourceType,
|
530 | segmentLoaders: { [type]: segmentLoader },
|
531 | requestOptions,
|
532 | master: { mediaGroups },
|
533 | mediaTypes: {
|
534 | [type]: {
|
535 | groups,
|
536 | tracks
|
537 | }
|
538 | },
|
539 | masterPlaylistLoader
|
540 | } = settings;
|
541 |
|
542 | for (const groupId in mediaGroups[type]) {
|
543 | if (!groups[groupId]) {
|
544 | groups[groupId] = [];
|
545 | }
|
546 |
|
547 | for (const variantLabel in mediaGroups[type][groupId]) {
|
548 | if (mediaGroups[type][groupId][variantLabel].forced) {
|
549 |
|
550 |
|
551 |
|
552 |
|
553 |
|
554 |
|
555 |
|
556 |
|
557 | continue;
|
558 | }
|
559 |
|
560 | let properties = mediaGroups[type][groupId][variantLabel];
|
561 |
|
562 | let playlistLoader;
|
563 |
|
564 | if (sourceType === 'hls') {
|
565 | playlistLoader =
|
566 | new PlaylistLoader(properties.resolvedUri, vhs, requestOptions);
|
567 | } else if (sourceType === 'dash') {
|
568 | const playlists = properties.playlists.filter((p) => p.excludeUntil !== Infinity);
|
569 |
|
570 | if (!playlists.length) {
|
571 | return;
|
572 | }
|
573 | playlistLoader = new DashPlaylistLoader(
|
574 | properties.playlists[0],
|
575 | vhs,
|
576 | requestOptions,
|
577 | masterPlaylistLoader
|
578 | );
|
579 | } else if (sourceType === 'vhs-json') {
|
580 | playlistLoader = new PlaylistLoader(
|
581 |
|
582 |
|
583 | properties.playlists ? properties.playlists[0] : properties.resolvedUri,
|
584 | vhs,
|
585 | requestOptions
|
586 | );
|
587 | }
|
588 |
|
589 | properties = videojs.mergeOptions({
|
590 | id: variantLabel,
|
591 | playlistLoader
|
592 | }, properties);
|
593 |
|
594 | setupListeners[type](type, properties.playlistLoader, settings);
|
595 |
|
596 | groups[groupId].push(properties);
|
597 |
|
598 | if (typeof tracks[variantLabel] === 'undefined') {
|
599 | const track = tech.addRemoteTextTrack({
|
600 | id: variantLabel,
|
601 | kind: 'subtitles',
|
602 | default: properties.default && properties.autoselect,
|
603 | language: properties.language,
|
604 | label: variantLabel
|
605 | }, false).track;
|
606 |
|
607 | tracks[variantLabel] = track;
|
608 | }
|
609 | }
|
610 | }
|
611 |
|
612 |
|
613 | segmentLoader.on('error', onError[type](type, settings));
|
614 | },
|
615 | |
616 |
|
617 |
|
618 |
|
619 |
|
620 |
|
621 |
|
622 |
|
623 |
|
624 | 'CLOSED-CAPTIONS': (type, settings) => {
|
625 | const {
|
626 | tech,
|
627 | master: { mediaGroups },
|
628 | mediaTypes: {
|
629 | [type]: {
|
630 | groups,
|
631 | tracks
|
632 | }
|
633 | }
|
634 | } = settings;
|
635 |
|
636 | for (const groupId in mediaGroups[type]) {
|
637 | if (!groups[groupId]) {
|
638 | groups[groupId] = [];
|
639 | }
|
640 |
|
641 | for (const variantLabel in mediaGroups[type][groupId]) {
|
642 | const properties = mediaGroups[type][groupId][variantLabel];
|
643 |
|
644 |
|
645 | if (!/^(?:CC|SERVICE)/.test(properties.instreamId)) {
|
646 | continue;
|
647 | }
|
648 |
|
649 | const captionServices = tech.options_.vhs && tech.options_.vhs.captionServices || {};
|
650 |
|
651 | let newProps = {
|
652 | label: variantLabel,
|
653 | language: properties.language,
|
654 | instreamId: properties.instreamId,
|
655 | default: properties.default && properties.autoselect
|
656 | };
|
657 |
|
658 | if (captionServices[newProps.instreamId]) {
|
659 | newProps = videojs.mergeOptions(newProps, captionServices[newProps.instreamId]);
|
660 | }
|
661 |
|
662 | if (newProps.default === undefined) {
|
663 | delete newProps.default;
|
664 | }
|
665 |
|
666 |
|
667 |
|
668 | groups[groupId].push(videojs.mergeOptions({ id: variantLabel }, properties));
|
669 |
|
670 | if (typeof tracks[variantLabel] === 'undefined') {
|
671 | const track = tech.addRemoteTextTrack({
|
672 | id: newProps.instreamId,
|
673 | kind: 'captions',
|
674 | default: newProps.default,
|
675 | language: newProps.language,
|
676 | label: newProps.label
|
677 | }, false).track;
|
678 |
|
679 | tracks[variantLabel] = track;
|
680 | }
|
681 | }
|
682 | }
|
683 | }
|
684 | };
|
685 |
|
686 | const groupMatch = (list, media) => {
|
687 | for (let i = 0; i < list.length; i++) {
|
688 | if (playlistMatch(media, list[i])) {
|
689 | return true;
|
690 | }
|
691 |
|
692 | if (list[i].playlists && groupMatch(list[i].playlists, media)) {
|
693 | return true;
|
694 | }
|
695 | }
|
696 |
|
697 | return false;
|
698 | };
|
699 |
|
700 |
|
701 |
|
702 |
|
703 |
|
704 |
|
705 |
|
706 |
|
707 |
|
708 |
|
709 |
|
710 |
|
711 |
|
712 |
|
713 |
|
714 | export const activeGroup = (type, settings) => (track) => {
|
715 | const {
|
716 | masterPlaylistLoader,
|
717 | mediaTypes: { [type]: { groups } }
|
718 | } = settings;
|
719 |
|
720 | const media = masterPlaylistLoader.media();
|
721 |
|
722 | if (!media) {
|
723 | return null;
|
724 | }
|
725 |
|
726 | let variants = null;
|
727 |
|
728 |
|
729 | if (media.attributes[type]) {
|
730 | variants = groups[media.attributes[type]];
|
731 | }
|
732 |
|
733 | const groupKeys = Object.keys(groups);
|
734 |
|
735 | if (!variants) {
|
736 |
|
737 |
|
738 |
|
739 | if (type === 'AUDIO' && groupKeys.length > 1 && isAudioOnly(settings.master)) {
|
740 | for (let i = 0; i < groupKeys.length; i++) {
|
741 | const groupPropertyList = groups[groupKeys[i]];
|
742 |
|
743 | if (groupMatch(groupPropertyList, media)) {
|
744 | variants = groupPropertyList;
|
745 | break;
|
746 | }
|
747 | }
|
748 |
|
749 | } else if (groups.main) {
|
750 | variants = groups.main;
|
751 |
|
752 | } else if (groupKeys.length === 1) {
|
753 | variants = groups[groupKeys[0]];
|
754 | }
|
755 | }
|
756 |
|
757 | if (typeof track === 'undefined') {
|
758 | return variants;
|
759 | }
|
760 |
|
761 | if (track === null || !variants) {
|
762 |
|
763 |
|
764 | return null;
|
765 | }
|
766 |
|
767 | return variants.filter((props) => props.id === track.id)[0] || null;
|
768 | };
|
769 |
|
770 | export const activeTrack = {
|
771 | |
772 |
|
773 |
|
774 |
|
775 |
|
776 |
|
777 |
|
778 |
|
779 |
|
780 |
|
781 |
|
782 |
|
783 | AUDIO: (type, settings) => () => {
|
784 | const { mediaTypes: { [type]: { tracks } } } = settings;
|
785 |
|
786 | for (const id in tracks) {
|
787 | if (tracks[id].enabled) {
|
788 | return tracks[id];
|
789 | }
|
790 | }
|
791 |
|
792 | return null;
|
793 | },
|
794 | |
795 |
|
796 |
|
797 |
|
798 |
|
799 |
|
800 |
|
801 |
|
802 |
|
803 |
|
804 |
|
805 |
|
806 | SUBTITLES: (type, settings) => () => {
|
807 | const { mediaTypes: { [type]: { tracks } } } = settings;
|
808 |
|
809 | for (const id in tracks) {
|
810 | if (tracks[id].mode === 'showing' || tracks[id].mode === 'hidden') {
|
811 | return tracks[id];
|
812 | }
|
813 | }
|
814 |
|
815 | return null;
|
816 | }
|
817 | };
|
818 |
|
819 | export const getActiveGroup = (type, {mediaTypes}) => () => {
|
820 | const activeTrack_ = mediaTypes[type].activeTrack();
|
821 |
|
822 | if (!activeTrack_) {
|
823 | return null;
|
824 | }
|
825 |
|
826 | return mediaTypes[type].activeGroup(activeTrack_);
|
827 | };
|
828 |
|
829 |
|
830 |
|
831 |
|
832 |
|
833 |
|
834 |
|
835 |
|
836 |
|
837 |
|
838 |
|
839 |
|
840 |
|
841 |
|
842 |
|
843 |
|
844 |
|
845 |
|
846 |
|
847 |
|
848 |
|
849 |
|
850 |
|
851 | export const setupMediaGroups = (settings) => {
|
852 | ['AUDIO', 'SUBTITLES', 'CLOSED-CAPTIONS'].forEach((type) => {
|
853 | initialize[type](type, settings);
|
854 | });
|
855 |
|
856 | const {
|
857 | mediaTypes,
|
858 | masterPlaylistLoader,
|
859 | tech,
|
860 | vhs,
|
861 | segmentLoaders: {
|
862 | ['AUDIO']: audioSegmentLoader,
|
863 | main: mainSegmentLoader
|
864 | }
|
865 | } = settings;
|
866 |
|
867 |
|
868 | ['AUDIO', 'SUBTITLES'].forEach((type) => {
|
869 | mediaTypes[type].activeGroup = activeGroup(type, settings);
|
870 | mediaTypes[type].activeTrack = activeTrack[type](type, settings);
|
871 | mediaTypes[type].onGroupChanged = onGroupChanged(type, settings);
|
872 | mediaTypes[type].onGroupChanging = onGroupChanging(type, settings);
|
873 | mediaTypes[type].onTrackChanged = onTrackChanged(type, settings);
|
874 | mediaTypes[type].getActiveGroup = getActiveGroup(type, settings);
|
875 | });
|
876 |
|
877 |
|
878 |
|
879 | const audioGroup = mediaTypes.AUDIO.activeGroup();
|
880 |
|
881 | if (audioGroup) {
|
882 | const groupId = (audioGroup.filter(group => group.default)[0] || audioGroup[0]).id;
|
883 |
|
884 | mediaTypes.AUDIO.tracks[groupId].enabled = true;
|
885 | mediaTypes.AUDIO.onGroupChanged();
|
886 | mediaTypes.AUDIO.onTrackChanged();
|
887 |
|
888 | const activeAudioGroup = mediaTypes.AUDIO.getActiveGroup();
|
889 |
|
890 |
|
891 |
|
892 |
|
893 | if (!activeAudioGroup.playlistLoader) {
|
894 |
|
895 | mainSegmentLoader.setAudio(true);
|
896 | } else {
|
897 |
|
898 | mainSegmentLoader.setAudio(false);
|
899 | audioSegmentLoader.setAudio(true);
|
900 | }
|
901 | }
|
902 |
|
903 | masterPlaylistLoader.on('mediachange', () => {
|
904 | ['AUDIO', 'SUBTITLES'].forEach(type => mediaTypes[type].onGroupChanged());
|
905 | });
|
906 |
|
907 | masterPlaylistLoader.on('mediachanging', () => {
|
908 | ['AUDIO', 'SUBTITLES'].forEach(type => mediaTypes[type].onGroupChanging());
|
909 | });
|
910 |
|
911 |
|
912 | const onAudioTrackChanged = () => {
|
913 | mediaTypes.AUDIO.onTrackChanged();
|
914 | tech.trigger({ type: 'usage', name: 'vhs-audio-change' });
|
915 | tech.trigger({ type: 'usage', name: 'hls-audio-change' });
|
916 | };
|
917 |
|
918 | tech.audioTracks().addEventListener('change', onAudioTrackChanged);
|
919 | tech.remoteTextTracks().addEventListener(
|
920 | 'change',
|
921 | mediaTypes.SUBTITLES.onTrackChanged
|
922 | );
|
923 |
|
924 | vhs.on('dispose', () => {
|
925 | tech.audioTracks().removeEventListener('change', onAudioTrackChanged);
|
926 | tech.remoteTextTracks().removeEventListener(
|
927 | 'change',
|
928 | mediaTypes.SUBTITLES.onTrackChanged
|
929 | );
|
930 | });
|
931 |
|
932 |
|
933 | tech.clearTracks('audio');
|
934 |
|
935 | for (const id in mediaTypes.AUDIO.tracks) {
|
936 | tech.audioTracks().addTrack(mediaTypes.AUDIO.tracks[id]);
|
937 | }
|
938 | };
|
939 |
|
940 |
|
941 |
|
942 |
|
943 |
|
944 |
|
945 |
|
946 |
|
947 |
|
948 | export const createMediaTypes = () => {
|
949 | const mediaTypes = {};
|
950 |
|
951 | ['AUDIO', 'SUBTITLES', 'CLOSED-CAPTIONS'].forEach((type) => {
|
952 | mediaTypes[type] = {
|
953 | groups: {},
|
954 | tracks: {},
|
955 | activePlaylistLoader: null,
|
956 | activeGroup: noop,
|
957 | activeTrack: noop,
|
958 | getActiveGroup: noop,
|
959 | onGroupChanged: noop,
|
960 | onTrackChanged: noop,
|
961 | lastTrack_: null,
|
962 | logger_: logger(`MediaGroups[${type}]`)
|
963 | };
|
964 | });
|
965 |
|
966 | return mediaTypes;
|
967 | };
|