JavaScript How to chain playing of several HTML5 audio files like a smooth playlist?

Given access to valid audio files :

<audio src="https://upload.wikimedia.org/wikipedia/commons/9/9b/Zh-Tianjin.ogg"></audio>
<audio src="https://upload.wikimedia.org/wikipedia/commons/8/8a/Zh-Beijing.ogg"></audio>
<audio src="https://upload.wikimedia.org/wikipedia/commons/7/73/Zh-Shanghai.ogg"></audio>
<audio src="https://upload.wikimedia.org/wikipedia/commons/e/e2/Zh-Chengdu.ogg"></audio>

Given a button :

<button id="play">Play me!</button>

Given I successfully play one audio

$('#play').on('click', function () {
    $("audio")[0].play();
});

How to chain the playing of these several audio, one after an other ? -- pure JS and JQuery, other JS libs acceptable.

My starting point is this fiddle with basic tools

Edit: I previously tried a big hand of ways without success, using .duration, window.setTimeout(function(){do_that}, time_ms), .delay() in few combinations without success. See: http://jsfiddle.net/Ka2Nh/7/

Answer:1

jQuery (or other javascript) to stack divs at fixed distance from top of viewport

I would like it so that the as the user scrolls down the page and hits certain "sticky" elements, they add themselves to the top of the page. I.e., let's say the page has a fixed, 10px high element ...

jquery vs other javascript frameworks
jquery and other javascript frameworks
jquery breaks another javascript
jquery use other javascript
jquery conflict with other javascript
jquery run after all other javascript

what is this angular error?

Just made a simple controller with some injection. var SimpleProductListController = BaseController.extend({ _notifications:null, _productsModel:null, init:function($scope,...

what is angular js
what is angular velocity
what is angular acceleration
what is angular 2
what is angular directive
what is angular component
what does angular mean
what is angular 4
what is angular.json
what is angular service
what is angular observable
what is angular zone
what is angular router
what is angular controller
what is angular template
what is angular typescript
what is angular promise
what is angular subscribe
what is angular viewchild
what is angular injector

how i can have a dynamically title in a book with XSLT and jQuery?

I have this xml : <quran> <row> <WID>10</WID> <word>بسم</word> <SID>1</SID> <Ayeh>0</Ayeh> <...

Multiple filterable select menus in JQuery mobile

I am using JQuery Mobile version 1.4.2 and at some point in one of my templates I would like to use irs filterable select menu. However there is one problem: That particular element has a specific ...

filterable multiple select with checkboxes