私は自分のhtmlにオーディオを追加しようとしています。

Question

私はウェブページにオーディオを追加しようとしています。私はなぜそれが動作していないのか分からない。私は健全なサンプルのWebページをやっています。画面上にオーディオバーが表示されますが、オーディオは再生されません。私はそれは0時だと言っているので、おそらくオーディオを見つけることができません。オーディオへのパスはC：\ Users \ matth \ Desktop \ Website \ samplesです。私はchromeとfirefoxで試しました。

<div class="soundsamples"> 

    <audio controls> 
    <source src="sound sample 1.mp3" type="audio/mpeg"> 
    </audio> 

    <audio controls> 
    <source src="sound sample 2.mp3" type="audio/mpeg"> 
    </audio> 

    <audio controls> 
    <source src="sound sample 3.mp3" type="audio/mpeg"> 
    </audio> 

    <audio controls> 
    <source src="sound sample 4.mp3" type="audio/mpeg"> 
    </audio> 

    <audio controls> 
    <source src="sound sample 5.mp3" type="audio/mpeg"> 
    </audio> 

    <audio controls> 
    <source src="sound sample 6.mp3" type="audio/mpeg"> 
    </audio> 

    <audio controls> 
    <source src="sound sample 7.mp3" type="audio/mpeg"> 
    </audio> 

    <audio controls> 
    <source src="sound sample 8.mp3" type="audio/mpeg"> 
    </audio> 
</div> 

Answer 1

このスクリプトの問題は、htmlページで音声が見つからず再生できないことです。

上記の例から、オーディオファイルがC:\Users\matth\Desktop\Website\samplesにあるとします。

オーディオを再生するには、htmlページはオーディオ自体と同じフォルダ（IE C:\Users\matth\Desktop\Website\samples）に配置する必要があります。

あなたのコメントから、あなたのHTMLファイルはC:\Users\matth\Desktop\Websiteにあると言いますので、オーディオファイルの場所を変更するか、正しいファイルパスを指定する必要があります。

ファイルパスを変更するのは簡単です。サブフォルダにアクセスするには、/SubfolderName/を使用し、辞書を使用する場合は../を使用します。

オーディオの場所がC:\Users\matth\Desktop\Website\samplesであることを知っているので、サブフォルダsamplesに入るだけです。これは既存のファイルパスに追加するだけで簡単に行えます。最初の例では、作業パスは

です。

this page for more details on changing file pathsが表示されます。

W3schoolsまた、この件に関する素晴らしいチュートリアルも行います。

希望しました。