手机上的音频播放器

Question

我是一个完全的初学者，我试图用它来制作一个音频播放器

<audio id="music" controls>
<source src="sample.mp3" type="audio/mp3">
</audio>

但在移动网站上只显示一个播放按钮(我不能插入图片，但在桌面上我们会看到一个由滑块组成的普通播放器(。

那么，我如何才能让播放器像在桌面上一样出现在手机上呢？

Answer 1

它不起作用。在纯HTML中模拟的用户交互在移动设备中不起作用。

添加一点javascript

window.addEventListener('load', function () {
var audioCtx = new (window.AudioContext || window.webkitAudioContext)();
var source = audioCtx.createBufferSource();
var xhr = new XMLHttpRequest();
xhr.open('GET', 'audio-autoplay.wav');
xhr.responseType = 'arraybuffer';
xhr.addEventListener('load', function (r) {
audioCtx.decodeAudioData(
xhr.response, 
function (buffer) {
source.buffer = buffer;
source.connect(audioCtx.destination);
source.loop = false;
});
source.start(0);
});
xhr.send();
});