Javascript - Audio afspelen in webbrowser

Dit voorbeeld laat zien hoe je een MP3 bestand (audio.mp3) afspeelt via een javascript met behulp van jQuery.

<html>

<head>
<title>Java MP3 Speler</title>
<script src="jquery.js" type="text/javascript"></script>
</head>

<body>
<div class="play">[Play]</div>
<div class="pause">[Stop]</div>

<script>
    $(document).ready(function() {
        var audioElement = document.createElement('audio');
        audioElement.setAttribute('src', 'audio.mp3');
        audioElement.setAttribute('autoplay', 'autoplay');
        //audioElement.load()

        $.get();

        audioElement.addEventListener("load", function() {
            audioElement.play();
        }, true);

        $('.Play').click(function() {
            audioElement.play();
        });

        $('.Pause').click(function() {
            audioElement.pause();
        });
    });
</script>   
</body>
</html>

<html>

<head>

<title>Java MP3 Speler</title>

</head>

<body>

$(document).ready(function() {

var audioElement = document.createElement('audio');

audioElement.setAttribute('src', 'audio.mp3');

audioElement.setAttribute('autoplay', 'autoplay');

//audioElement.load()

$.get();

audioElement.addEventListener("load", function() {

audioElement.play();

}, true);

$('.Play').click(function() {

audioElement.play();

});

$('.Pause').click(function() {

audioElement.pause();

});

</script>

</body>

</html>

Bron: stackoverflow.com

[#//javascript/javascript_audio_afspelen_voorbeeld” ]

Zoeken

Javascript – Audio afspelen in webbrowser