javascript - オーディオタグの一時停止に関する質問

Question

リーリー

コードは上記の通りです。BGMのフェードイン、フェードアウトを実現するために、チェックボックスをクリックする小さな機能を作りたいです。フェードインは実現できますが、フェードアウトの場合は欲しいです。音量が 0 になると自動的に一時停止します。しかし、ボリュームを 0 に変更した後も、進行状況バーは実行されたままで、m1.pause() は有効になりませんでした。 。

本当にわかりません。フロントエンドは初めてです。教えてください π-π

Answer 1

この質問は非常に興味深いもので、コードのロジックは正しいです。

最初に理解する必要があるのは、次のような js での浮動小数点数の計算は正確ではないということです。 0.2 + 0.1结果是0.30000000000000004

その直接の理由はエラーです:

これは、ボリュームには [0, 1] の範囲内の値のみを割り当てることができることを意味します。 Failed to set the 'volume' property on 'HTMLMediaElement': The volume provided (-1.77636e-16) is outside the range [0, 1].

フェードインする場合は、毎回 0.1 を追加します。印刷される実際のボリューム値は次のようになります:

ボリュームは毎回 0.1 ずつ減少します。実際の減少では、最後には非常に小さな数値が生成されますが、それでも 0 より大きくなります。

そのため、引き続き実行されます

、その結果、ボリュームが負の数に設定され、上記のエラーが報告されます。

m1.volume-=0.1解決策はすでにクラスメイトによって与えられています。計算精度の問題を解決するために特別に使用される ES6 Number.EPSILON にも注目してください。

Answer 2

問題はボリュームの値にあります。HTML5 仕様では、ボリュームの値は 0 未満にすることはできませんが、コード内の計算ではボリュームの値が 0 未満になるため、スクリプトは実行されません。エラー。

に変更することをお勧めします リーリー

これはエラー レコードです:
'HTMLMediaElement' の 'volume' プロパティの設定に失敗しました: 指定されたボリューム (1.1) は [0, 1] の範囲外です
さらに、コードは連続クリック テストとサウンドに失敗しました最大値に達していませんでした。再度チェックボックスをクリックするとバグが表示されます。

Answer 3

これを次のように変更します:

リーリー