HTML5 Canvas

Hochwertiger HTML5 und Javascript Code von dem Designbüro Standardabweichung aus München

Wiedergabe einer MP3 Datei

Play MP3 File

Gibt eine, auf dem Server gespeicherte, MP3-Datei wieder und ermöglicht die Weiterverarbeitung des Audiosignals.

var audioContext = null;
var audioSource = null;
var audioGain = null;
var request = null;

var audioStart = function (){
    window.AudioContext = window.AudioContext || window.webkitAudioContext;
    
    audioContext = new AudioContext();
    
    audioGain = audioContext.createGain();
    audioGain.gain.value = 1.0; //Lautstärke
    audioGain.connect(audioContext.destination);
    
    request = new XMLHttpRequest();
    request.responseType = "arraybuffer";
    
    request.onload = function() {
        audioContext.decodeAudioData(request.response, audioSuccess, audioError);
    };
    
    request.open("GET", "path/to/file.mp3", true);
    request.send();
};

var audioSuccess = function(buffer) {
    audioSource =  audioContext.createBufferSource();
    audioSource.loop = false;
    audioSource.buffer = buffer;
    
    audioSource.connect(audioGain);
    audioSource.start(0);
};

var audioError = function(event) {
    
};

HTML5 / Javascript Code Teilen

Facebook
Google+

Standardabweichung

ProjekteCodeKontaktBlog

HTML5 Canvas

Context2D Drawing

Context2D Style

Context2D Composition

Context2D Transformation

Math

Time / Motion

Multimedia

Interactivity

Conversion

GLSL Functions

Hochwertiger HTML5 und Javascript Code von dem Designbüro Standardabweichung aus München

Wiedergabe einer MP3 Datei

Play MP3 File

HTML5 / Javascript Code Teilen

Projekte Code Kontakt Blog