HTML5プレーヤーの「再生」、「一時停止」、および「停止」機能を分離したいと思います。それらをホームページのランダムな場所に配置したいと思います（つまり、左上で停止し、右下で再生し、ページの中央で一時停止します）。また、トラッカーを分離できるようにしたいと思います。したがって、たとえば、ページの左下にトラッカーを配置します。
コントロールの1つを分離するのに何が必要か誰か教えてもらえますか？したがって、たとえば、「ユーザーがdivの「右下」をクリックすると、オーディオの「再生」が開始されます。左下のトラッカーが追跡を開始し、停止ボタンと一時停止ボタンが次のように表示されます。準備完了状態....
CSSまたはJavaScriptを介して、少なくとも必要な範囲で、ブラウザーのネイティブオーディオプレーヤーのコントロールに影響を与えることができるとは思いません。したがって、オーディオタグからcontrols属性を省略して（コントロールのないプレーヤーを提供します）、コントロールと、コントロールの背後にあるロジックを自分で作成する必要があります。
このチュートリアルは、始めるのに十分なものになるはずです。ただし、必要な機能のレベルによっては、これは簡単な作業ではない場合があることに注意してください。
必要なレベルのUIカスタマイズをサポートするサードパーティのライブラリを探すことも検討してください。私はそれを自分で使用したことはありませんが、 audio.jsについて良いことを聞いたことがあります。
[編集]
このHTML5オーディオテストスイートは、オーディオ要素のAPIの概要として非常に便利であり、リストされている各プロパティとイベントのW3仕様の適切なエントリへのリンクがありますが、さまざまなものでサポートに一貫性がないと予想されます。 HTML5オーディオをサポートするブラウザ。
非常に基本的なカスタムコントロールのセット（最新バージョンのChromeでのみテスト済み）によって制御されるHTML5オーディオプレーヤーを示すこのフィドルを作成しました。