fix: 動画に設定した字幕の選択肢が複数表示される問題の修正 #1013
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
fixed #860 nativeTextTracksが有効化されている環境でブラウザネイティブの字幕(テキストトラック)を追加すると、mp3音声対応のために導入しているvideojs-hlsjs-pluginの内部処理と競合して動画に設定した字幕の選択肢が複数表示される問題がありました。 Video.jsのオプションhtml5.nativeTextTracksを無効化しVideo.jsによってエミュレートされるテキストトラック使用することによってこの問題を回避します。 https://videojs.com/guides/text-tracks/#emulated-text-tracks ## 前提条件 - Wowza - mp3を含むHLS - Video.js 8 - videojs-hlsjs-plugin - Windows10+ or macOS Monterey+ ## 現象の詳細 - Wowzaを対象にした場合、問題が発生することがあることを手元の環境でも確認 (確認した動画は HLS/mp3 ) - player.addRemoteTextTrack() メソッドの呼び出しは通常通り1度しか行われていない - components/organisms/Video/VideoJs.tsx:L61 - トレースしていくと Video.js 内部では addRemoteTextTrack() が余計に1度多く呼び出されることがある - `@meikidd/videojs-hlsjs-plugin` - https://github.com/meikidd/videojs-hlsjs-plugin/blob/master/lib/videojs-hlsjs-plugin.js#L298-L318 ## #861 への影響 変更後 `TextTrack.mode` プロパティを記憶・設定することで表示の切り替えを行えることを確認済み: ```js // 例 player.remoteTextTracks()[0].mode = 'showing' // or 'disabled' ``` https://developer.mozilla.org/ja/docs/Web/API/TextTrack/mode#showing
|
確認した環境: 修正前:
修正後:
|
Merged
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
fixed #860
nativeTextTracksが有効化されている環境でブラウザネイティブの字幕(テキストトラック)を追加すると、mp3音声対応のために導入しているvideojs-hlsjs-pluginの内部処理と競合して動画に設定した字幕の選択肢が複数表示される問題がありました。
Video.jsのオプションhtml5.nativeTextTracksを無効化しVideo.jsによってエミュレートされるテキストトラック使用することによってこの問題を回避します。
https://videojs.com/guides/text-tracks/#emulated-text-tracks
前提条件
現象の詳細
@meikidd/videojs-hlsjs-plugin#861 への影響
変更後
TextTrack.modeプロパティを記憶・設定することで表示の切り替えを行えることを確認済み:https://developer.mozilla.org/ja/docs/Web/API/TextTrack/mode#showing