Soy un principiante total y trato de usar esto para hacer un reproductor de audio.
<audio id="music" controls> <source src="sample.mp3" type="audio/mp3"> </audio>pero en los sitios web móviles solo se muestra un botón de reproducción (no puedo insertar una imagen, pero en el escritorio veremos un reproductor normal que consiste en un control deslizante).
Entonces, ¿cómo puedo hacer que el reproductor aparezca en el móvil tal como aparece en el escritorio?
No funcionará. En HTML simple, las interacciones de usuario simuladas no funcionan en dispositivos móviles.
Agrega un poco de 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(); });