この記事では、主にHTML5タグオーディオのスタイル変更を紹介します。 HTML5オーディオタグスタイルの知識に興味がある友人は一緒に学びます。 HTML5の新しい要素タグを紹介しましょう。
SRC:オーディオファイルパス。
Autobuffer:ページが読み込まれているときにオーディオを自動的にバッファするかどうかを設定します。
オートプレイ:オーディオが自動的に再生されるかどうかを設定します。
ループ:オーディオをループで再生する必要があるかどうかを設定します。
コントロール:プレイ、一時停止、およびボリュームコントロールを追加するためのプロパティ。
HTML5の人気により、ほとんどの携帯電話のニーズはオーディオを使用してオーディオを再生できますが、非常にシンプルな再生/ストップ効果が必要になる場合がありますが、さまざまなブラウザのオーディオスタイルは満足のいくものではないため、単にカプセル化しました。効果は次のとおりです。
技術的な実装として、その原則は比較的単純です。これは、ネイティブオーディオを非表示にしてから、DIVを使用してプレーヤーの効果を表示し、クリックイベントを呼び出してプレイと停止をトリガーし、その後期間をトリガーします。この値は時々取得できますが、不可能であることもありますが、これは非常に哀れです。したがって、オーディオタグの持続時間をカスタマイズすることをお勧めします。この時点で、コンポーネントがそれを取得できない場合、この値は取得されます。
コードをコピーします