HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTML5オーディオタグのスタイルを設定することは可能ですか?


HTML5オーディオタグのスタイルを設定できます。 「controls」属性を持つオーディオタグを使用することにより、デフォルトのブラウザプレーヤーが使用されます。ブラウザのコントロールを使用せずにカスタマイズできます。

コントロールを削除する 属性を使用すると、組み込みのブラウザユーザーのインターフェースを非表示にできます-

<audioid = "player" src = "kalimba.mp3"></audio>
<div>
   <buttononclick = "document.getElementById('player').play()">Play</button>
   <buttononclick = "document.getElementById('player').pause()">Pause</button>
   <buttononclick = "document.getElementById('player').volume += 0.2">Vol+</button>
   <buttononclick = "document.getElementById('player').volume -= 0.2">Vol-</button>
</div>

各要素にCSSクラスを追加し、それに応じてスタイルを設定することもできます。


  1. HTML Webページにオーディオプレーヤーを追加するにはどうすればよいですか?

    HTMLの要素は、Webページにオーディオを追加するために使用されます。オーディオプレーヤーを追加するには、controls属性を追加します。 次の3つのオーディオ形式がHTMLでサポートされています-MP3、Wav、およびOgg。 例 次のコードを実行して、オーディオプレーヤーをHTMLWebページに追加してみてください <!DOCTYPE html> <html>    <head>       <title>HTML audio Tag</title>   &

  2. VLCMediaPlayerでオーディオ遅延を修正するにはどうすればよいですか

    VLCメディアプレーヤー 特にWindowsの場合、ビデオプレーヤー分野のベテランです。組み込みのWindowsMediaPlayerは、さまざまな種類のビデオを再生するのに十分な機能を備えておらず、多くの場合、いくつかの便利な機能が不足しています。つまり、VLCMediaPlayerは新鮮な空気の息吹のようでした。ただし、音声遅延 問題は私たちの注意を引いています。この記事では、VLCメディアプレーヤーのオーディオ遅延を修正する方法を説明します。 VLCメディアプレーヤーでオーディオ遅延を修正するにはどうすればよいですか これらは、VLCMediaPlayerのオーディオ遅延を修正するため