BooksホームWebデザインcssやプログラミングHTML5の動画上に字幕や、デザイン変更可能なツールチップをキャプションっぽく埋め込めるライブラリ・BubblesJSAdscssやプログラミング2011.09.02これはなかなか便利かも、と思っていつかの日のために備忘録。HTML5製の動画に、字幕やデザインの変更が可能なツールチップ的なものを埋め込めるライブラリ、BubblesJSです。応用すればニコニコ動画のような動画コンテンツも実装出来るんじゃないですかね?試してないので分かりませんけど。JSをご紹介しました。こちらはかなり手軽に使えて良さそうでしたが、一応選択肢は欲しいところですよね。jQueryやmootoolsなど、特になにかのjsに依存することの無いライブラリです。BubblesJSこんな感じでツールチップが上から落ちてきて下に流れていったり残ったままだったり。ツールチップはクリックで消すことが出来ます。普通にテキストなのでドラッグも出来ます。デザインも思いのままです。テキストなのでドラッグも可能。字幕っぽいのもこんな風に字幕っぽくも出来ます。機械翻訳にも対応できる。精度はまだまだ課題だらけですけど、こういったテキストなりのメリットっていうのはありますよね。字幕が翻訳できれば視聴する人は増える気がします。"<span>やぁやぁどうもこんにちは。50とかっていう数値は5秒したら現れて10秒になったら消え、40秒にまた現れて、50秒にまた消える、みたいな設定ですので、3つ指定とかなら勝手に消えず残る事になります。コールバック関数でGoogleアナリティクスにも対応できるそうな。詳しくはドキュメントを。以下でご覧くださいませ。してくれるjQueryプラグイン。個人的に役になってるなぁと思うものを...jQueryPCサイトではタブによる切り替え、スマフォ等ではアコーディオンで実装できるスクリプト・Easy-Responsive-Tabs-to-Accordion必要になりそうだったのでメモ。"http://kachibito.net/wp-content/plugins/syntaxhighlighter/syntaxhighlighter3/scripts/shCore.js-end");/*]]>*/タイトルとURLをコピーしました。