mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-19 19:51:20 -08:00
fix subtitleOffset bug
This commit is contained in:
1 parent
22fa8d5379
commit
50f51e413b
4 files changed
+23
-21
No files matched your search
@@ -19,7 +19,7 @@ function settingMix(art) {
|
||||
<input class="art-subtitle-range" value="0" type="range" min="-5" max="5" step="0.5">
|
||||
</div>
|
||||
`,
|
||||
mounted: $setting => {
|
||||
mounted: ($setting) => {
|
||||
const $range = query('.art-setting-range input', $setting);
|
||||
const $value = query('.art-subtitle-value', $setting);
|
||||
proxy($range, 'change', () => {
|
||||
@@ -33,7 +33,7 @@ function settingMix(art) {
|
||||
$value.innerText = 0;
|
||||
});
|
||||
|
||||
art.on('subtitleOffset', value => {
|
||||
art.on('subtitleOffset', (value) => {
|
||||
subtitle.update();
|
||||
if ($range.value !== value) {
|
||||
$range.value = value;
|
||||
|
||||
@@ -20,7 +20,7 @@ export default class Subtitle extends Component {
|
||||
}
|
||||
|
||||
get url() {
|
||||
return this.$track.src;
|
||||
return this.art.template.$track.src;
|
||||
}
|
||||
|
||||
get textTrack() {
|
||||
@@ -58,15 +58,15 @@ export default class Subtitle extends Component {
|
||||
const {
|
||||
notice,
|
||||
events: { proxy },
|
||||
template: { $subtitle, $video },
|
||||
template: { $subtitle, $video, $track },
|
||||
} = this.art;
|
||||
|
||||
if (!this.$track) {
|
||||
if (!$track) {
|
||||
const $track = document.createElement('track');
|
||||
$track.default = true;
|
||||
$track.kind = 'metadata';
|
||||
$video.appendChild($track);
|
||||
this.$track = $track;
|
||||
this.art.template.$track = $track;
|
||||
proxy(this.textTrack, 'cuechange', this.update.bind(this));
|
||||
}
|
||||
|
||||
@@ -89,7 +89,7 @@ export default class Subtitle extends Component {
|
||||
$subtitle.innerHTML = '';
|
||||
if (this.url === subUrl) return subUrl;
|
||||
URL.revokeObjectURL(this.url);
|
||||
this.$track.src = subUrl;
|
||||
this.art.template.$track.src = subUrl;
|
||||
return subUrl;
|
||||
})
|
||||
.catch((err) => {
|
||||
|
||||
Reference in new issue
Block a user