ニコニコ動画みたいに動画の上にコメント出来るプラグイン

ニコニコ動画って今はあまり見ないんですけど、 その開設時は入力したコメントが画面を流れて面白かったのを覚えています。 本ブログ運営者が見る見ないに関わらずニコ動の人気は不動の様ですね。

今はニコ動は自前のサーバーに動画を保管している様ですが、 その創成期には YouTube から動画のデータは引っ張って来ていたと聞きます。 動画に付いてはそんな旧タイプの手法を、 そしてそれに重ねるコメントに付いてはニコ動の様に Flash を用いるのではなく、近年の主流となっている Ajax 、その中でも jQuery のプラグインとして実現しているブログ記事が公開されていました。 それが Text on YouTube
- YouTube動画上にテキストを表示するプラグイン
になります。

矢張り、YouTube 動画の上をコメントが流れるのは見ていて面白いですよね。 ニコ動の人気も頷けます。 本ブログでも紹介されているプラグインを早速利用させて貰い、 本アーティクルに実装してみました。

スポンサーリンク

下に表示する動画は本ブログ運営者が作成し、 YouTube にアップロードしたものです。 再生してみればコメントが左から右へ流れると思います。 これは元々の動画に映されているものではありません。 これが上で紹介のプラグインで動画再生中に流すように仕込んだものです。

此処でもう少しニコ動のイメージに近付けてみようと、 動画の下に設えたのがコメント入力機能です。 「此処に打ち込んだ内容が流れるよ」 と表示されている部分を書き換えた後、 「設定」ボタンをクリックすると、 設定された旨のダイアログが表示されます。 その後で動画を再生してみて下さい。

どうでしょう? 貴方の入力したコメントが動画上を流れたでしょうか?

ちょっと jQuery を使い慣れない上に力技で取敢えずは動く様にと云う感じで実装したものですから、 動作はかなり不安定になってしまっています。 勿論、これは本ブログ独自でテキスト入力機能を追加したものですから、 本体のプラグインの問題ではありません。 元記事には、まだ様々なコメント・アニメーションのオプションが用意されています。 その一部は、コメントを書き換えた際には表示する様に仕込んでみてありますので、ご参考に。 興味をお持ちの方は一度、当該紹介記事をご覧になってみて下さい。

スポンサーリンク