// Create Player window.ssp_player7 = WaveSurfer.create({ container: '#waveform7', waveColor: '#444', progressColor: '#00d4f7', barWidth: 3, barHeight: 15, height: 8, hideScrollbar: true, skipLength: 30, backend: 'MediaElement' });
//Set player track window.ssp_player7.track = 'https://agencyhighway.com/podcast-player/70/007-amplify-your-agency-with-products-josh-hall.mp3';
/** * Setting and drawing the peaks seems to be required for the 'load on play' functionality to work */ //Set peaks window.ssp_player7.backend.peaks = [0.0218, 0.0183, 0.0165, 0.0198, 0.2137, 0.2888, 0.2313, 0.15, 0.2542, 0.2538, 0.2358, 0.1195, 0.1591, 0.2599, 0.2742, 0.1447, 0.2328, 0.1878, 0.1988, 0.1645, 0.1218, 0.2005, 0.2828, 0.2051, 0.1664, 0.1181, 0.1621, 0.2966, 0.189, 0.246, 0.2445, 0.1621, 0.1618, 0.189, 0.2354, 0.1561, 0.1638, 0.2799, 0.0923, 0.1659, 0.1675, 0.1268, 0.0984, 0.0997, 0.1248, 0.1495, 0.1431, 0.1236, 0.1755, 0.1183, 0.1349, 0.1018, 0.1109, 0.1833, 0.1813, 0.1422, 0.0961, 0.1191, 0.0791, 0.0631, 0.0315, 0.0157, 0.0166, 0.0108];
//Draw peaks window.ssp_player7.drawBuffer();
//Variable to check if the track is loaded window.ssp_player7.loaded = false;
// @todo Track Player errors
// On Media Ready window.ssp_player7.on('ready', function (e) {
if (!window.ssp_player7.loaded) { window.ssp_player7.loaded = true; window.ssp_player7.play(); }
$('#ssp_player_id_7 #sspTotalDuration').text(window.ssp_player7.getDuration().toString().toFormattedDuration()); $('#ssp_player_id_7 #sspPlayedDuration').text(window.ssp_player7.getCurrentTime().toString().toFormattedDuration()); });
// On Media Played window.ssp_player7.on('play', function (e) {
if (!window.ssp_player7.loaded) { window.ssp_player7.load(window.ssp_player7.track, window.ssp_player7.backend.peaks); }
// @todo Track Podcast Specific Play
$('#ssp_player_id_7 #ssp-play-pause .ssp-icon').removeClass().addClass('ssp-icon ssp-icon-pause_icon'); $('#ssp_player_id_7 #sspPlayedDuration').text(window.ssp_player7.getCurrentTime().toString().toFormattedDuration())
sspUpdateDuration7 = setInterval(function () { $('#ssp_player_id_7 #sspPlayedDuration').text(window.ssp_player7.getCurrentTime().toString().toFormattedDuration()); }, 100);
});
// On Media Paused window.ssp_player7.on('pause', function (e) {
// @todo Track Podcast Specific Pause
$('#ssp_player_id_7 #ssp-play-pause .ssp-icon').removeClass().addClass('ssp-icon ssp-icon-play_icon');
clearInterval(sspUpdateDuration7 );
});
// On Media Finished window.ssp_player7.on('finish', function (e) {
$('#ssp_player_id_7 #ssp-play-pause .ssp-icon').removeClass().addClass('ssp-icon ssp-icon-play_icon');
// @todo Track Podcast Specific Finish
});
$('#ssp_player_id_7 #ssp-play-pause').on( 'click', function(e){ window.ssp_player7.playPause(); });
$('#ssp_player_id_7 #ssp-back-thirty').on('click', function (e) {
// @todo Track Podcast Specific Back 30
window.ssp_player7.skipBackward();
});
$('#ssp_player_id_7 #ssp_playback_speed7').on('click', function (e) { switch ($(e.currentTarget).parent().find('[data-ssp-playback-rate]').attr('data-ssp-playback-rate')) { case "1": $( e.currentTarget ).parent().find( '[data-ssp-playback-rate]' ).attr( 'data-ssp-playback-rate', '1.5' ); $( e.currentTarget ).parent().find( '[data-ssp-playback-rate]' ).text('1.5X' ); window.ssp_player7.setPlaybackRate(1.5); break; case "1.5": $( e.currentTarget ).parent().find( '[data-ssp-playback-rate]' ).attr( 'data-ssp-playback-rate', '2' ); $( e.currentTarget ).parent().find( '[data-ssp-playback-rate]' ).text('2X' ); window.ssp_player7.setPlaybackRate(2); break; case "2": $( e.currentTarget ).parent().find( '[data-ssp-playback-rate]' ).attr( 'data-ssp-playback-rate', '1' ); $( e.currentTarget ).parent().find( '[data-ssp-playback-rate]' ).text('1X' ); window.ssp_player7.setPlaybackRate(1); default: break; } } );
}(jQuery))
} );
This is an interview with Josh Hall. Josh is a professional web designer, owner of In Transit Studios and blog author for Elegant Themes.
Josh loves Divi, he loves WordPress, he loves the business of Website Design and has been fortunate to be able to build a successful career around all 3. He runs JoshHall.co which is his personal endeavour to help aspiring Divi/Wordpress web designers to build a successful web business of their own.
We discuss
Resources mentioned in the show
Where to connect with Josh
This is one of the most actionable episodes to date. It gets a little bit technical, but I’m telling you, it’s worth it. I...
This week I revisit my plan to become more of a digital minimalist. It’s been a few weeks and I have more time, more...
This is a quick tip episode! Loads of people are obsessed with getting more time out of their day. I'm one of them, which...