Web Audio API and MediaElementSource not connecting

Web Audio API and MediaElementSource not connecting

BY 29 Aug 2014 Web Application Development

Hello!

I have one terrible problem while developing app to the Russian App Challenge.

I need to connect <audio> element as source to Web Audio API.

But if i connect it like this:

<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<meta name="description" content="bug"/>
</head>
<body>    
<script>

var context, audio, source, destination, analiser, loop, frecData, outputElementDOM;

context = new webkitAudioContext();
audio = new Audio();
audio.src = '/path/to/audio/file';

outputElementDOM = document.createElement('pre');

source = context.createMediaElementSource(audio);
analiser = context.createAnalyser();
destination = context.destination;
frecData = new Uint8Array(analiser.frequencyBinCount);

loop = function(){
	analiser.getByteFrequencyData(frecData);
  	var temp = '';
  	for (var i = 0; i < frecData.length; i++) {
  		temp += frecData[i] + '\n';
  	};

  	outputElementDOM.textContent = temp;
	window.webkitRequestAnimationFrame(loop);
}

source.connect(analiser);
analiser.connect(destination);

audio.play();
loop();

document.body.appendChild(outputElementDOM)

</script>
</body>
</html>

in RD-PQ i hear the music but see only zeros. i think MediaElementAudioSourceNode outputs silence, but i dont know why

in Chrome in my laptop it works fine and i get the needed data.

if i load big mp3 via XMLHTTPRequest to buffer, Tizen craches while decoding audio data.

please help

Written by
Keep Reading All Posts
Announcing the Tizen Studio 6.1 Release

BY

16 Apr 2025

Tizen Studio

Read More
Announcing the Tizen Studio 6.0 Release

BY

04 Nov 2024

Tizen Studio

Read More
Announcing the Tizen Studio 5.6 Release

BY

02 Apr 2024

Tizen Studio

Read More