Audio Plyaback

Code Setup Source

Player detup code does not differ from basic setup for video.
You only need to provideo valid audio file source and proper audio mime type.

<audio id="player_one" class="video-js vjs-fluid" controls preload playsinline poster="images/poster.jpg">
	<source src="mp3/molly.mp3" type="audio/mp3">
</audio>

You can use both, <audio> and <video> tag. The difference is especially important on iOS mobile device. <video> tag allows to display subtitles including iOS native fullscreen. <audio> tag is playing pseudo fulscreen on iOS mobile, does not allow to show subtitles.

You can make use of audioInfo option to define and display audio track information like track cover image, track title, artist, album name, genre and release date. It's separate of audio background poster image.
To learn about using audioInfo option check tuotial on https://www.nuevodevel.com/nuevo/showcase/audio

Gold plan of Nuevo plugin includes visualizer plugin that you may consider to use and show.
Visualizer plugin automatically detects audio media type. You need to load visualizer tiny javascript plugin and initialize it in player setup code.

<script src="../videojs/video.min.js"></script>
<script src="../videojs/nuevo.min.js"></script>
<script src="../videojs/plugins/visualizer.js"></script>

<script>
	var player = videojs('player_2)';
	player.nuevo({ option_name: 'option_value', option_name: 'option_value' }); 
	player.visualizer();
</script>

Visualizer plugin options are described on https://www.nuevodevel.com/nuevo/showcase/audio-visualizer