0

私はこのソリューションをChromeで動作させています：

ボタンがクリックされたときにjQueryを使用してオーディオファイルを再生する

しかし、firebugコンソールは次のように述べています。

HTTP "Content-Type" of "audio/mpeg" is not supported. Load of media resource http://path/to/sound.mp3 failed.

このスクリプトでoggファイルとmp3ファイルの両方を定義する方法はありますか（これにより、Firefoxでサウンドを再生できると仮定します）：

<script>
$(document).ready(function() {
var audioElement = document.createElement('audio');
audioElement.setAttribute('src', 'http://path.com/to/sound.mp3');
$('#play_it').click(function() {
audioElement.play();
});
});
</script>

ありがとうございました。

アップデート

私はmp3参照の下のファイルに別の参照を追加しようとしましたが、これが最善の解決策であるかどうかはわかりませんが、うまくいきました：

<script>
$(document).ready(function() {
var audioElement = document.createElement('audio');
audioElement.setAttribute('src', 'http://path.com/to/sound.mp3');
audioElement.setAttribute('src', 'http://path.com/to/sound.ogg');
$('#play_it').click(function() {
audioElement.play();
});
});
</script>
4

1 に答える 1

1

異なるサウンド形式を指定するに<source>は、要素に要素を追加する必要があります<audio>

<audio>
    <source src="sound.ogg" type="audio/ogg">
    <source src="sound.mp3" type="audio/mpeg">
</audio>

jQuery:

var audioElement = $('audio');
var sourceElement = $('source');
sourceElement.attr('src', 'http://path.com/to/sound.mp3');
sourceElement.attr('type', 'audio/mpeg');
audioElement.append(sourceElement);
sourceElement = $('source');
sourceElement.attr('src', 'http://path.com/to/sound.ogg');
sourceElement.attr('type', 'audio/ogg');
audioElement.append(sourceElement);
于 2012-10-29T15:39:26.903 に答える