在html4问题中创建音频标签

Question

我正在尝试在html4中创建音频标记。

我有

var audioPlayer=document.createElement('audio');
var audioSource=document.createElement('source');

audioSource.src=audioFileName;
audioSource.type="type='audio/mp3'";
audioPlayer.appendChild(audioSource);
audioPlayer.width=320;
audioPlayer.className='text_audio';
audioPlayer.id='audio_id';
audioPlayer.style.margin=0;
audioPlayer.controls='controls';
$('div').append(audioPlayer); 

我可以看到控制栏，但它在播放我的mp3文件时出现问题。在Html4中有什么方法可以做到这一点吗？

非常感谢！

Answer 1

更正type属性-它应该只是audioSource.type = 'audio/mp3';

请注意，Firefox不支持MP3，所以如果你使用的是该浏览器，这就是它不起作用的原因。

Answer 2

我能问你为什么不直接使用HTML5<audio>标签吗？它是为这个目的而设计的，如果你需要支持旧的浏览器(我认为是IE8-)，那么你总是可以提供一个后备方案。

编辑：顺便说一句，为了能够在所有支持的浏览器中播放音频，您应该同时提供MP3和OGG音频文件。点击此处查看更多信息。

Answer 3

audio不是有效的HTML 4.0标记。你必须使用一个嵌入，比如：

<embed src="myfile.mp3">

或者，你必须使用Flash(嘘！，嘘！，使用html5！)