mediaelement-plugins icon indicating copy to clipboard operation
mediaelement-plugins copied to clipboard

How do I add a playlist to audio?

Open my-instantcms opened this issue 4 years ago • 1 comments

Hello. Who has an example of audio code with a playlist, please show me

my-instantcms avatar Aug 11 '20 18:08 my-instantcms

Did you checked the demo?!!!

`	<div class="media-wrapper">
        <audio id="player2" preload="none" controls width="750"
               data-cast-title="Jazz Example"
               data-cast-description="This is a description for audio only"
               data-cast-poster="http://mediaelementjs.com/images/big_buck_bunny.jpg">
            <source src="http://www.largesound.com/ashborytour/sound/AshboryBYU.mp3" type="audio/mp3" title="Jazz Example" data-playlist-thumbnail="http://mediaelementjs.com/images/big_buck_bunny.jpg" data-playlist-description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vestibulum justo arcu. Vestibulum commodo lacus bibendum sollicitudin commodo.">
            <source src="https://api.soundcloud.com/tracks/323195515/stream?client_id=95f22ed54a5c297b1c41f72d713623ef" type="audio/mp3" title="Soundcloud rocks!" data-playlist-description="Curabitur et malesuada arcu. Praesent hendrerit, quam vel pellentesque aliquam, metus felis mattis velit, quis varius metus diam vitae diam. Integer ante massa, tempor in accumsan eu, sodales in lectus.">
            <source src="rtmp://s3b78u0kbtx79q.cloudfront.net/cfx/st/mp3:fake_empire-cbr" type="rtmp/video" title="Playing RTMP audio...">
        </audio>
    </div>
<script>
	var mediaElements = document.querySelectorAll('audio');

	for (var i = 0, total = mediaElements.length; i < total; i++) {
		new MediaElementPlayer(mediaElements[i], {
			features: ['prevtrack', 'playpause', 'nexttrack', 'current', 'progress', 'duration', 'volume', 'playlist', 'shuffle', 'loop', 'fullscreen', 'showPlaylist'],
		});
	}
</script>

`

etomProductions avatar Aug 26 '20 16:08 etomProductions