Q&A
前提・実現したいこと
よろしくお願いいたします。
・Win＋ブラウザ（なんでも可）でボタンを押すと動画を逆再生させたい
発生している問題・エラーメッセージ
・逆再生されない
探しても探しても逆再生の情報を見つけることができなかったのでお尋ねいたします。
それともHTML＋javascriptでは実現できないのでしょうか。
「この言語なら解決できる」など、なんでもいいのでご存知の方、よろしくお願いいたします。
該当のソースコード
<body> <video id="video" width="80%"> <source src="mov/test.mp4"> </video> <div style="width:400px; background-color:#333333; color:#ffffff;"> <input type="button" value="再生" onClick="playVideo()"> <input type="button" value="一時停止" onClick="pauseVideo()"> <input type="button" value="倍速" onClick="play2Video()"> <input type="button" value="逆再生" onClick="backVideo()"> </div> <script type="text/javascript"> var v = document.getElementById("video"); function playVideo() { v.playbackRate = 1; //動画を再生 v.play(); } function play2Video() { v.playbackRate = 2; // 再生を開始する v.play(); } function backVideo() { v.playbackRate = -1; // 再生を開始する v.play(); } function pauseVideo() { //動画を一時停止 v.pause(); } </script> </body>
回答1件
0
ベストアンサー
仕様変わってるかもしれませんが
記事としては少し古いですが、上記によると逆再生はSafariのみ対応のようです。
ブラウザによっては等速しかないものもあるようですね。（記事当時）
playbackRate の仕様を確認すると
- [Web Audio playbackRate explained
Notes:
Negative values will not cause the media to play in reverse.
訳：負の値を指定してもメディアが逆方向に再生されることはありません。
試して見られたならご存知かとは思いますが、
負の値を指定するとエラーが出ますね。
The provided playback rate (-1) is not in the supported playback range.
確実なのは「逆再生動画を作って”逆再生ボタン”が押されたらその動画に切り替える」ことでしょうか。
ザッと探した感じ、何かのプログラミング言語で対応するのは無理そうです。
投稿2019/01/24 04:32
総合スコア80850
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/01/28 03:03
2019/01/28 03:03
2019/01/28 03:08
2019/01/28 03:12
2019/01/29 06:45
2019/01/29 06:46