0

自分の録音した音を自分のウェブサイトに載せられないのはなぜですか...

file:///C:/Users/smilburn/Desktop/bug.wav

私はこれを試しました...

<li data-word="bug" data-audio="file:///C:/Users/smilburn/Desktop/bug.wav" data-pic="http://pixabay.com/static/uploads/photo/2012/04/16/12/17/black-35741_640.png"></li>
4

4 に答える 4

1

HTML5オーディオ要素を使用してサウンドファイルを再生できます。

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript">
        function playSound(urlOfSoundfile) {
            document.getElementById("audioPlay").src=urlOfSoundfile;
            document.getElementById("audioPlay").autoplay="autoplay";
        }
    </script>
</head>
<body>
    <ul>
        <li onclick="playSound('http://www.wav-sounds.com/various/beep.wav')">Click here to play sound from www</li>
        <li onclick="playSound('file:///C:/Users/smilburn/Desktop/bug.wav')">Click here to play sound from local file</li>
    </ul>
    <audio id="audioPlay">
    </audio>
</body>
</html>

現在のところ、すべてのブラウザがすべてのサウンドファイル形式をサポートしているわけではないため、クロスブラウザに準拠するには、サウンドファイルを複数の形式で提供する必要があります。

于 2012-07-26T16:02:38.137 に答える
0

ファイルをどこかでホストする必要があります。ソースをローカルドライブから取得することはできません。Webサイトを完全に制御できる場合は、自分のサーバーでファイルをホストするだけです。

編集:さらに詳しく説明すると、現在実行しようとしているのは、Webサーバーに存在しないディレクトリ内のファイルをWebサーバーに見つけさせることです。ローカルドライブ(コンピューター)にあるファイルをポイントしています。C:/はWebサーバーに存在しません。自分のコンピュータではなく、Webサーバーのローカルディレクトリにファイルを配置する必要があります。サードパーティのホスティングサイトを使用することも、自分でホスティングすることもできます。

自分でホストする場合は、Webサーバーにアクセスして、サウンドファイル専用のフォルダーを作成します。

(例)ファイル:/yourwebsite/res/sounds/bug.wav

于 2012-07-26T15:49:35.843 に答える
0

HTML5オーディオを調べてみて、どのように行うべきかを確認してください。

于 2012-07-26T15:50:12.307 に答える
0

1つの方法(w3schoolsサイトから取得)は、Yahoo!を含めることです。メディアプレーヤー:

<a href="song.mp3">Play Song</a>

<script type="text/javascript" src="http://mediaplayer.yahoo.com/js">
</script>

デモを参照してください:http ://www.w3schools.com/html/tryit.asp?filename = tryhtml_audio_yahoo

于 2012-07-26T15:50:50.697 に答える