ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptを使用してビデオの再生速度を変更するにはどうすればよいですか?

JavaScriptを使用してビデオの再生速度を変更するにはどうすればよいですか?

王林
リリース: 2023-08-26 10:05:19
転載
3120 人が閲覧しました

如何使用 JavaScript 改变视频播放速度?

この記事では、HTML5 video タグを使用してビデオの再生速度を変更する方法を学習します。 HTMLドキュメントに埋め込まれます。

1 未満の数値を指定するとビデオの速度が遅くなり、1 より大きい数値を指定するとビデオの速度が上がります。 数値 1 を指定すると、ビデオが元の速度に戻ります。また、playbackRate がプロパティであることにも注意してください。 HTML 属性の代わりに。

ビデオ サイトごとに再生速度を変更したくない場合でも、必要に応じて変更できます。 訪問者はもっと気に入ってくれるでしょう。これを設定するには HTML 要素を 1 つだけ必要とします。

PlaybackRate プロパティを使用すると、再生速度を変更できます。これらはその文法規則です。

###文法### リーリー

ユーザーは、defaultPlaybackRate パラメーターを使用して、デフォルトの再生速度を簡単に変更できます。それ 以下にリストされている構文を使用します。

###文法### リーリー

例 1

リーリー

例 2

オーディオまたはビデオの再生速度は、playbackRate 属性を通じて設定または返されます。

属性の値

###価値### ###説明する###

再生速度表示オーディオまたはビデオ速度 現在プレイ中。 状況値のタイプ -メディアは、playbackRate プロパティに基づいて定義されたレートで再生されます。これにより、ユーザーは、 早送り、スローモーションなどの制御を実現します。値 1.0 は、 標準速度。現在のレートに通常の再生レートを乗算して計算されます。
通常の速度は 1.0 です。 半速は0.5です。 (もっとゆっくり) ###

2.0 は 2 倍高速です (より高速です)

後進は-1.0で通常の速度です

    後進半速は-0.5です。
  • HTMLオーディオ/ビデオDOMのplaybackRate属性
  • 再生速度はどれくらいですか?

どのくらいの再生速度が最適ですか?

ほとんどのブラウザは、再生以外では音声を一時停止します。ビデオには 0.5 と 4 のレート制限があります。 音なしで再生します。ほとんどの場合、0.5 ~ 4 の範囲を維持する必要があります。 アプリ。 リーリー

「再生頻度を取得」ボタンをクリックすると、次の画面が表示されます。

また、「スローモーション ビデオ」ボタンをクリックしてから「入手」をクリックすると、画面の下部に彼が表示されます。 再生頻度」ボタン。

###導入### 上記の例では、変数 (この場合は demoVideo) を使用して再生速度 (または 私たちがやりたいことは何でも)。たとえば、「demoVideo」と入力し、playbackRate を次のように変更するだけです。 2. 2 倍の速度で実行します。 playbackRate は 2 に等しくなります。

これまでの結論。再生を押すとビデオが 2 倍の速さで再生されます いつもの。半分の速度で実行するのが好きですか?代わりに、playbackRate を 0.5 に設定します。回復してほしい 通常の速度で走っていますか?基本的には、playbackRate を 1 に設定します。

以上がJavaScriptを使用してビデオの再生速度を変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート