replace deprecated function: addTextTrack -> addTextTrackAsync

This commit is contained in:
FireMasterK 2021-05-06 21:44:08 +05:30
parent 6f365d3023
commit fcd14d3fcb
No known key found for this signature in database
GPG Key ID: 8DFF5DD33E93DB58

View File

@ -1,7 +1,12 @@
<template>
<div class="uk-container-expand">
<div data-shaka-player-container ref="container">
<video data-shaka-player autoplay style="width: 100%; height: 100%" ref="videoEl"></video>
<video
data-shaka-player
autoplay
style="width: 100%; height: 100%"
ref="videoEl"
></video>
</div>
</div>
</template>
@ -33,13 +38,13 @@ export default {
const dash = require("@/utils/DashUtils.js").default.generate_dash_file_from_formats(
streams,
this.video.duration,
this.video.duration
);
if (noPrevPlayer)
shaka
.then(shaka => shaka.default)
.then(shaka => {
.then((shaka) => shaka.default)
.then((shaka) => {
this.shaka = shaka;
shaka.polyfill.installAll();
@ -55,7 +60,7 @@ export default {
videoEl.addEventListener("timeupdate", () => {
if (this.sponsors && this.sponsors.segments) {
const time = videoEl.currentTime;
this.sponsors.segments.map(segment => {
this.sponsors.segments.map((segment) => {
if (!segment.skipped) {
const end = segment.segment[1];
if (time >= segment.segment[0] && time < end) {
@ -82,20 +87,24 @@ export default {
//TODO: Add sponsors on seekbar: https://github.com/ajayyy/SponsorBlock/blob/e39de9fd852adb9196e0358ed827ad38d9933e29/src/js-components/previewBar.ts#L12
},
setPlayerAttrs(player, videoEl, dash, shaka) {
player.load("data:application/dash+xml;charset=utf-8;base64," + btoa(dash)).then(() => {
this.video.subtitles.map(subtitle => {
player.addTextTrack(
player
.load("data:application/dash+xml;charset=utf-8;base64," + btoa(dash))
.then(() => {
this.video.subtitles.map((subtitle) => {
player.addTextTrackAsync(
subtitle.url,
subtitle.code,
"SUBTITLE",
subtitle.mimeType,
null,
subtitle.name,
subtitle.name
);
});
if (localStorage) videoEl.volume = localStorage.getItem("volume") || 1;
const ui = this.ui || (this.ui = new shaka.ui.Overlay(player, this.$refs.container, videoEl));
const ui =
this.ui ||
(this.ui = new shaka.ui.Overlay(player, this.$refs.container, videoEl));
const config = {
overflowMenuButtons: ["quality", "captions", "playback_rate"],
@ -110,7 +119,11 @@ export default {
});
},
onKeyPress(e) {
if (document.activeElement.tagName === "INPUT" && document.activeElement.type === "text") return;
if (
document.activeElement.tagName === "INPUT" &&
document.activeElement.type === "text"
)
return;
const videoEl = this.$refs.videoEl;
switch (e.code) {
case "KeyF":