极客观点
项目管理
HarmonyOS
var audio = document.createElement('audio');
var source = document.createElement('source');
audio.setAttribute('controls', 'controls');
source.src = './hello.mp3';
source.setAttribute('type','audio/mpeg');
audio.appendChild(source);
document.body.appendChild(audio);
window.addEventListener('click', function(){
audio.play();
});如上所示，插入的音频文件不能播放，是什么原因呢？
应该是你的资源的问题, 我在本地调试没问题
html5
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var audio = document.createElement('audio');
var source = document.createElement('source');
audio.setAttribute('controls', 'controls');
audio.innerHTML = "您的浏览器不支持 audio 标签。";
source.src = './hello.mp3';
source.setAttribute('type','audio/mpeg');
audio.appendChild(source);
document.body.appendChild(audio);
window.addEventListener('click', function(){
audio.play();
});
</script>
</body>
</html>运行结果:(注意红框中不是0:00)
10 回答11.1k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3.1k 阅读✓ 已解决
2 回答2.7k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
3 回答1.9k 阅读✓ 已解决
4 回答2.5k 阅读✓ 已解决
代码没问题，请自行查看：
1、浏览器是否支持HTML5
2、音频文件路径是否正确，音频文件格式是否正确
3、变量是否冲突等