Articles of html5 audio

¿Cómo puedo actualizar constantemente la duración de este archivo mp3 que estoy reproduciendo con JS? La barra de progreso no funciona.

Este es un script de un reproductor de audio. Obtuve del libro de cocina de Jquery que parece que no puedo trabajar. Estoy realmente perplejo y agradecería cualquier ayuda. var $audio = $(‘audio’); console.log($audio); var audioEl = $audio[0]; console.log(audioEl); var secondsTotal = audioEl.currentTime; console.log(secondsTotal); var audio = { currentTime: 0, duration: secondsTotal, volume: 0.5, set: […]

Iniciar llamada de audio solo en SImpleWebRTC

Estoy usando este plugin jQuery para WebRtc Quiero iniciar la llamada de audio solamente, pero no puedo ver ninguna función para esto. Estoy usando el siguiente código con autoRequestMedia: false: – webrtc = new SimpleWebRTC({ localVideoEl: ‘local-videos-container’, remoteVideosEl: ‘videos-container’, autoRequestMedia: false, url: ‘https://192.168.1.11:2001/’ }); Entonces, cuando el usuario haga clic en la llamada de audio, […]

reproductor html5 con carga automática no funciona

Estoy usando este reproductor de audio html5 http://osvaldas.info/audio-player-responsive-and-touch-friendly Tengo un problema con eso. Cuando coloco “autoload” no funciona y el jugador juega dos veces. Aquí está el código html5: Aquí está el código javascript: $( function() { $( ‘audio’ ).audioPlayer(); }); Aquí está el violín: http://jsfiddle.net/bcHsy/40/

Cómo configurar la duración del audio

Estoy tratando de establecer la duración de una etiqueta de audio usando la propiedad de audio de la duración del DOM de HTML. He intentado lo siguiente pero no parece funcionar: $(‘audio’)[0].duration = 1; He revisado otras respuestas pero no he podido ver ninguna que haga uso de la propiedad de duración. Si la propiedad […]

¿Por qué `$ (‘audio’). Trigger (play)` dispara a playHandler dos veces mientras que `$ (‘audio’) .play ()` solo dispara una vez?

Solía ​​pensar que trigger(play) simplemente activa la función de reproducción nativa del audio, pero hoy me di cuenta de que hay una ligera diferencia entre estos dos métodos. Si registra una callback para play , por ejemplo, $(‘audio’).on(‘play’, function() { console.log(‘playing’); }) , la callback se invocará dos veces si utiliza el trigger(play) pero solo […]

HTML5 / jQuery audio shuffle onClick

Tengo una lista de reproducción de audio HTML5 simple y me gustaría que el usuario haga clic en el botón “Aleatorio” y mezcle el audio, pero no sé cuál es la mejor manera de hacerlo. Estoy usando audio.js para audio HTML5. http://jsfiddle.net/HxVaj/4/ Como puede ver en el violín, audio.js toma la etiqueta dentro de para […]

Notificaciones sonoras en opera

Estoy tratando de reproducir un elemento de audio en Opera 12.16 (la última versión en este momento) y noté que no funciona con archivos mp3 , pero sí con otros. Aquí está mi violín actualmente solo con el archivo mp3 y NO funciona en Opera: http://jsfiddle.net/hMnsd/1/ La solución parece hacer algo como esto (como se […]

jQuery: al hacer clic en el elemento de audio nativo

¿Cómo puede detectar un clic en el elemento de audio del navegador nativo con jQuery? No parece funcionar en Chrome. $(‘audio’).click(function(){ alert(“You clicked on some audio player”); }); http://codepen.io/Subfader/pen/GqrmNQ

Agregar botones de reproducción para todas las tags de audio en una página

Quiero agregar un botón de reproducción para cada archivo de audio en una página. Por lo tanto, agregué un botón con un nombre de clase indexado debajo de cada etiqueta de audio, pero ahora no sé cómo proceder y vincular el evento de clic a los botones. Tal vez haya un enfoque mucho más elegante […]

Audio HTML5 – ¿Por qué no trabajar en iOS? (NO juego automático involucrado)

Construí una aplicación de demostración simple para probar HTML5-Audio. Cuando tocas o haces clic en la cabeza del robot, la aplicación web dice “eins”, que en alemán significa “uno” (tenía este archivo de sonido en mi computadora para realizar pruebas). Puede probar la aplicación de demostración aquí: http://jstesproject.cwsurf.de/ (Observaciones: El robot es el ícono de […]