Run the next sound in Javascript?

Question

Run the next sound in Javascript?

Navigation

#1 by (2 votes)

3

I have an audio folder with voices / words recorded in wave and I want to run Javascript in different cases. For example: "Error logging in. Please try again". I found some codes on the web but they do not play the audios one by one. Here in Stack I found this code - the user-posted the flash - which apparently comes closer than I need:

function loadPlayer() {
    var audioPlayer = new Audio();
    audioPlayer.controls="controls";
    audioPlayer.addEventListener('ended',nextSong,false);
    audioPlayer.addEventListener('error',errorFallback,true);
    document.getElementById("player").appendChild(audioPlayer);
    nextSong();
}
function nextSong() {
    if(urls[next]!=undefined) {
        var audioPlayer = document.getElementsByTagName('audio')[0];
        if(audioPlayer!=undefined) {
            audioPlayer.src=urls[next];
            audioPlayer.load();
            audioPlayer.play();
            next++;
        } else {
            loadPlayer();
        }
    } else {
        alert('the end!');
    }
}
function errorFallback() {
        nextSong();
}
function playPause() {
    var audioPlayer = document.getElementsByTagName('audio')[0];
    if(audioPlayer!=undefined) {
        if (audioPlayer.paused) {
            audioPlayer.play();
        } else {
            audioPlayer.pause();
        }
    } else {
        loadPlayer();
    }
}
function pickSong(num) {
    next = num;
    nextSong();
}

var urls = new Array();
    urls[0] = 'audio.mp3';
    urls[1] = 'audio.mp3';
    urls[2] = 'audio.mp3';
    urls[3] = 'audio.mp3';
    urls[4] = 'audio.mp3';
    urls[5] = 'audio.mp3';   
    urls[6] = 'audio.mp3';       
var next = 0;

I want to make it clear that I am doing this just for learning. I graduated recently in Computer Technician for internet and I am loving the area of programming. :)

javascript html

asked by anonymous 06.01.2016 / 04:59

1 answer

Batch upload Asp.net MVC5 Checkbox value in field input hidden [duplicate]

score 2 · Accepted Answer

PlaneX,

There are some projects that can help you to make a very good player using only Javascript and angular;

link - Lets you create playlist pick up all music parameters and insert sounds for events like mousehover click among others.
link - A mature project that allows you to make robust players using angular.

But for your immediate problem use HTML5 I will show. I'm going to use Jquery to facilitate

//Coloque um audio no seu corpinho de HTML
$('<audio id="chatAudio">
    <source src="ERROU.ogg" type="audio/ogg">
    <source src="ERROU.mp3" type="audio/mpeg">
</audio>').appendTo('body');

Next we play in an event selector:

//Errou a senha produção
$('#alerta').show{
$('#chatAudio')[0].play();
}

Or do it in direct Javascript:

<!DOCTYPE HTML>
  <html>
  <head>
  <title>Audio</title>
  </head>
  <body>

    <script>
  function play(){
       var audio = document.getElementById("audio");
       audio.play();
                 }
   </script>

<input type="button" value="PLAY"  onclick="play()">
<audio id="audio" src="http://dev.interactive-creation-works.net/1/1.ogg" ></audio>
 </body>
 </html>