Q&A
現在やっていることで起きている問題は何でしょうか。
また、その動画は自身のものなのでしょうか。
現在、動画に合わせて字幕を表示する仕組みをJSで作っています。
再生時間に合わせて字幕を表示させたいのですが、どのような組み方をすれば効率がいいのか、皆さんならどのような組み方をされるのかご教示いただきたいです。
動画はYoutubeのiFrameで取得しており、0.1秒ごとに再生時間を取得しています。
字幕は以下のような形で取得してあります。
<xml> <transcript> <text start="1.000" dur="1.200">ここに字幕が入ります。</text>//1秒から1.2秒間この字幕を表示 <text start="4.000" dur="1.000">ここに字幕が入ります。</text>//4秒から1秒間この字幕を表示 <transcript> </xml>
字幕xmlの最初のstart時間のみ取得しておいて、その値と再生時間を比べて startの時間>今の再生時間 になったときにdurの時間 字幕を表示する
と同時に次の字幕のstartを取得しておく
の繰り返し...
が今思いついている案です。
そうするとしたら、一度xmlを扱いやすいようにobject型とかにするのでしょうか？
ご助言お願いいたします！！！
まだ実装をしていないので、現在問題があるわけではありません。
ただ、やり方として、「そういう時はこう組むのが普通だよ」みたいなのがあるのかなあと思いまして…
動画は自身のも、そうでないのも、字幕データのある全てが対象で機能させるつもりです。
まず、組んで、問題が出てから質問してください。
https://teratail.com/help/question-tips#questionTips1-2
要件を満たすことができれば実装方法は問わないはずですし、
1つのゴールのためにとれる手段は１つではありません。
「ふつう」というのは非常に曖昧な表現ですよ。基準がハッキリしない。
自己解決
