仕事柄、よくプログラムを作成するんですが、
今回はブラウザー上で動作する、JavaScriptを使って
動画のコマ送り機能を作って遊んでみました。
ご覧あれ。
今回は、転回の動画をコマ送りできるJavaScript(以下JSと略)を作ってみました。
まずは、以下の画像リンクをクリックして、別ウィンドウを開いてみてください。
ボタンの操作はあんまり説明はいらないと思いますけど、いちおう説明すると、
「←」「→」の矢印は、クリックすると、コマが進んだり、戻ったりします。
「再生」は、連続してコマが進み始めます。
「加速」「減速」は、再生中のコマの進むスピードが、 速くなったり遅くなったりします
「停止」は、文字通り、再生が停止します。
ボタン操作に関しては以上です。
あと、画面上のボタンを使用せず、以下の操作が可能です。
キーボードの矢印キー「←」「→」で、コマ送りと戻しができます。
画像をクリックすると、コマが進みます。
画像を右クリックすると、コマが戻ります。
(マッキントッシュだと、右クリックはできない?、最近のマックは右ボタンもあるのかな?)
あとは、マウスのホイールを前後に動かすと、コマが進んだり、戻ったりします。
(これが一番面白いし、使いやすい?、グリグリ前後に動かすとラップミュージックみたい…笑)
ま、そんな感じです。
あとは、ただ再生されるだけだと面白くないので、現在表示しているコマ数(1~60)と
画像の下に、そのタイミングでの転回のコツが次々表示されるようにしてみました。
特に何かに使おうってワケじゃないんですが、せっかく作ったので公開します。
気が向いたら、もうちょっと機能を付け加えてみるかも知れません。
期待せずに、お待ち下さい(笑)
※動作はInternetExplorerのVer6でしか確認していませんので、動かなかったらゴメンなさい!!、いじょ
コメント (4)
おぉ・・・かなり面白いですねぇ~^^
こういうPCをいじれる技術を持っていると楽しいですねぇ♪
再生、コマ送り、停止と自由自在で良いですね。
映像と同時にコメントが読めるのもすばらしいです。
これは解りやすいですよ。
他の技も見てみたいですね。
でも作るのは大変だと思いますので、
GARAさんのコメントどおり
「期待せずに」お待ちしております。(笑)
これで自分とうまい人の比較すると上達がはやいかな?
マウスホイールでコマ送りする機能は、その場の思いつきだったんですが、
JSのサンプルがすぐに見つかったので、コピペして5分で完成しちゃいました。
ちなみに、このホイールでのコマ送り&戻しは、MediaPlayerClassicでも、
可能なんですけど、JSだと、決まったコマで、技のコツを表示できるし、
わかりやすいですよね。
今度、となりにもうひとつの窓を開いて、良い転回と、悪い転回を、
同時平行でコマ送りして、さらにコメントも表示する機能を
作ってみたいな~って思ってます。
今度、悪い転回を撮影して来なきゃ。
でも、仕事の方も忙しいので、しばらくはできそうにありませんので、
首をなが~くして、お待ち下さいませ。