3

詩の全文を表示してから、あらかじめ設定された時系列に従ってテキストを強調表示したいと思います。カラオケのようなものですが、サウンドトラックはありません。そうすれば、ユーザーは正確に「正しい」テンポでそれを読むことができます。

タイミングデータを使用して字幕トラックを生成できると思います(たとえば、Aegisumのようなもので-これは私のMacではクラッシュし続けますが)。次のような行ごとの何か:

1 00:00:18,067-> 00:00:20,067きらめききらめき小さな星

2 00:00:20,467-> 00:00:22,467どうしてあなたは何なのかしら

...またはさらに良いことに、一度に1つの単語または音節。

iPad/iPhoneの理由でFlashを使いたくない。

私はやや素朴なので、私の正確な質問はこれです:使用するのに最適なテクノロジーは何でしょうか?正確な解決策は必要ありません。どこに努力を集中すべきかについてのいくつかの指針が必要です。HTML5(TTML)のTimed Textには、これに使用できるものがありますか?またはSMIL?

4

3 に答える 3

2

popcorn.jsと呼ばれるMozillaのjavascriptライブラリを使用してカラオケ効果を実現できます。http: //mozillapopcorn.org/からダウンロードできます。

これがチュートリアルですhttp://net.tutsplus.com/articles/news/a-look-at-popcorn/

これがデモですhttp://danharper.me/demo/a-look-at-popcorn/

2番目のリンクの下部にある関連情報へのリンクがたくさんあります。

于 2012-04-06T08:17:50.440 に答える
2

誰かが js でビルドされたカラオケ表示エンジンを投稿しました: https://github.com/sk89q/ricekaraoke

于 2012-04-06T07:41:51.657 に答える
2

Javascript と CSS を使用して、目的を達成できます。各単語をスパンでラップし、適切なタイミング間隔でスパン要素にスタイルを適用できます。対応する単語を強調表示するタイミングに関する情報を保存できる場合は、setInterval を使用して適切なタイミングでスタイルを追加できます。HTML5 の機能を使用したい場合は、Canvas または SVG を使用してより高度なアニメーションを有効にすることを検討してください。

于 2011-11-22T04:32:12.807 に答える