audio list in html5

OMAR GONIOR answered on January 8, 2021 Popularity 1/10 Helpfulness 1/10

answer audio list in html5

related print to STDERR perl

related html5 audio

audio list in html5

Comment

<html>
    <body>
        <ul id="playlist">
            <li class="active">
                <a href="http://www.codenamejupiterx.com/song/soundtest.mp3">
                   soundtest
                </a>
            </li>
            <li>
                <a href="http://www.codenamejupiterx.com/song/soundtest2.mp3">
                    soundtest2
                </a>
            </li>
            <li>
                <a href="http://www.codenamejupiterx.com/song/soundtest3.mp3">
                    soundtest3
                </a>
            </li>
        </ul>

        <script>
            var audio;
            var playlist;
            var tracks;
            var current;

            init();
            function init(){
                current = 0;
                audio = $('#audio');
                playlist = $('#playlist');
                tracks = playlist.find('li a');
                len = tracks.length - 1;
                audio[0].volume = .10;
                audio[0].play();
                playlist.find('a').click(function(e){
                    e.preventDefault();
                    link = $(this);
                    current = link.parent().index();
                    run(link, audio[0]);
                });
                audio[0].addEventListener('ended',function(e){
                    current++;
                    if(current == len){
                        current = 0;
                        link = playlist.find('a')[0];
                    }
                    else{
                        link = playlist.find('a')[current];
                    }
                    run($(link),audio[0]);
                });
            }

            function run(link, player){
                player.src = link.attr('href');
                par = link.parent();
                par.addClass('active').siblings().removeClass('active');
                audio[0].load();
                audio[0].play();
            }
        </script>
    </body>
</html>

Popularity 1/10 Helpfulness 1/10 Language html

Source: stackoverflow.com

Tags: audio html list

Link to this answer
Share Copy Link

Contributed on Jan 27 2025

OMAR GONIOR

0 Answers Avg Quality 2/10

Closely Related Answers

print to STDERR perl

Comment

print "The print command defaults to STDOUT\n";
print STDOUT "This says it explicitly\n"	# note there are no commas
print STDERR "This prints to STDERR\n";

Popularity 3/10 Helpfulness 8/10 Language perl

Source: Grepper

Tags: perl stderr

Link to this answer
Share Copy Link

Contributed on Apr 28 2023

Testy Tern

0 Answers Avg Quality 2/10

html5 audio

Comment

<audio src="/test/audio.ogg">
<p>Tu navegador no implementa el elemento audio.</p>
</audio>

Popularity 10/10 Helpfulness 4/10 Language html

Source: developer.mozilla.org

Tags: html

Link to this answer
Share Copy Link

Contributed on Jan 08 2021

Antoniotonio

0 Answers Avg Quality 2/10

html5 audio

Comment

<video src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" controls>
  Tu navegador no implementa el elemento <code>video</code>.
</video>

Popularity 10/10 Helpfulness 2/10 Language html

Source: developer.mozilla.org

Tags: html

Link to this answer
Share Copy Link

Contributed on Jan 08 2021

Antoniotonio

0 Answers Avg Quality 2/10

audio list in html5

Contents

More Related Answers

audio list in html5

Closely Related Answers

print to STDERR perl

html5 audio

html5 audio

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.