html5-audio

“Autoplay” HTML5 audio player on mobile browsers

心已入冬 提交于 2019-12-28 01:31:11
问题 I am creating a HTML5 music website for mobile users.The goal is to get it running completely in mobile browsers.. The issue is that when a user selects a track to play, they are taken to the "player" page.I then AJAX in a HTML5 audio element in with the autoplay attribute set to true. This works great on desktops, not so much on mobile. The track is not playing though once this page is reached, and the user instead needs to explicitly click play from this player page in order for audio

HTML5 Audio tag on Safari has a delay

不羁岁月 提交于 2019-12-27 23:42:11
问题 I'm trying to accomplish a simple doodle-like behaviour, where a mp3/ogg sound rings on click, using the html tag. It is supposed to work under Firefox, Safari and Safari iPad is veri desireable. I've tried many approaches and have come down to this: HTML <span id="play-blue-note" class="play blue" ></span> <span id="play-green-note" class="play green" ></span> <audio id="blue-note" style="display:none" controls preload="auto" autobuffer> <source src="blue.mp3" /> <source src="blue.ogg" /> <!

How can I import all (mp3) files from a particular folder into an array in react.js?

不问归期 提交于 2019-12-25 09:47:47
问题 I'm building an mp3 player with react.js and the HTML5 web audio API. I'm new to react (circa 2 weeks) but have 3 years experience with JavaScript. It seems that in order for the mp3 files to play/load into the audio tag (within a react environment using the cmd line and localhost) I need to import them to the application(rather than just pointing to their URL in the src of the audio tag). See my question here So at the moment I am importing the sounds in a hard-coded fashion as follows:

How can I import all (mp3) files from a particular folder into an array in react.js?

久未见 提交于 2019-12-25 09:47:02
问题 I'm building an mp3 player with react.js and the HTML5 web audio API. I'm new to react (circa 2 weeks) but have 3 years experience with JavaScript. It seems that in order for the mp3 files to play/load into the audio tag (within a react environment using the cmd line and localhost) I need to import them to the application(rather than just pointing to their URL in the src of the audio tag). See my question here So at the moment I am importing the sounds in a hard-coded fashion as follows:

Record sound of a webaudio api's audio context

痞子三分冷 提交于 2019-12-25 07:08:33
问题 I am using web audio api in my project. Is there a way to record the audio data that's being sent to webkitAudioContext.destination? .wav files are playing in my browser, so there should be some way to store that data into a (.wav) file . i know this is possible, but not yet find any solution :( recorder.js can help me, but upto now i found it is only recording the microphone live input, is it possible to record my audio(.wav files) with the help of recorder.js? plz help i am using this

Create a Database of Music Files on Local Folder Using HTML 5?

徘徊边缘 提交于 2019-12-25 03:15:21
问题 I want to get music file details like 'file name', 'song name', 'size', 'artist', 'length','ratings' etc. This is required for my website. The user should click a button on the site and a popup should come, where he can select which folder contains the mp3 files. Then the popup program should create the necessary data and upload it to the server. How can I do it? Flash? Is there a way to do it with HTML 5? Pure HTML 5? Without using Flash? 回答1: Flash could do some of this, and it is probably

Replace HTML5 audio with Web Audio API

孤街浪徒 提交于 2019-12-25 01:59:43
问题 HTML5 audio on mobile devices has many limitations and actually I would call them bugs. My app implementing something like audio player. Actually all it works fine for desktop but in mobile version I encounter many bugs and have to do many workarounds different for different browsers and os to get it work, and still it sucks. I haven't dived into web audio api, but it seems to be designed for slightly different tasks. So my question is, is it make sense (and is it possible?) to replace HTML5

Sound notifications in Opera

青春壹個敷衍的年華 提交于 2019-12-24 16:35:10
问题 I am trying to play an audio element in Opera 12.16 (the latest version right now) and I noticed it doesn't work with mp3 files but it does with ogg ones. Here's my fiddle currently only with the mp3 file and NOT working on Opera: http://jsfiddle.net/hMnsd/1/ The solution seem to do something like this (as pointed in w3c website): <audio controls> <source src="horse.ogg" type="audio/ogg"> <source src="horse.mp3" type="audio/mpeg"> Your browser does not support the audio tag. </audio> I am

How to customize html5 audio player

杀马特。学长 韩版系。学妹 提交于 2019-12-24 12:23:01
问题 I'm doing a html5 audio player so I'm trying to use a custom player. I don't want to use the default <audio> tag interface. I want to do my own html/css styles for the player. My actual code(it works) if('webkitAudioContext' in window) { var myAudioContext = new webkitAudioContext(); } request = new XMLHttpRequest(); request.open('GET', 'http://96.47.236.72:8364/;', true); request.responseType = 'arraybuffer'; request.addEventListener('load', bufferSound, false); request.send(); function

SoundManager2 - Distortion When Stopping Sound

二次信任 提交于 2019-12-24 10:36:32
问题 I am trying to loop through a bunch of sound files in SoundManager2 and play them at various points in time. The code below takes a songArray that looks like this, with the "note" consisting of a sound file and a duration for how long to play that sound file: var songArray = [[null],[["clarinet_e4.mp3",1],["clarinet_a4.mp3",1]],[null],[null],[null],[null],[["clarinet_c4.mp3",1]],[["clarinet_c5.mp3",1]],[null],[["clarinet_ab4.mp3",1]],[["clarinet_f3.mp3",1]],[null],[["clarinet_g4.mp3",1]],[[