@speechkit/speechkit-audio-player
Version:
A web player component that can play audio from https://speechkit.io
1 lines • 3.54 kB
JavaScript
webpackJsonpspeechkit__name_([43],{"./src/players/PlaylistPlayer/view/view.html":function(s,e){s.exports='<div class="speechkit__container">\n <div class="speechkit-playlist">\n <div class="speechkit-playlist__container">\n <div class="speechkit-playlist__top">\n <% if (hasPublisherLogo) { %>\n <div class="speechkit-playlist__logo">\n <img class="speechkit-playlist__logo-img" src="<%= publisherLogo %>" />\n </div>\n <% } %>\n <a class="speechkit-playlist__logo speechkit-playlist__ads speechkit__shared__controls__advertiser-logo js-advertiser-logo" target="_blank">\n <img class="speechkit-playlist__logo-img speechkit__shared__controls__advertiser-logo-img" />\n </a>\n <div class="speechkit-playlist__titles">\n <% var publisherText = podcast.author ? podcast.author : publisher %>\n <div class="speechkit-playlist__publisher speechkit__shared__title"><%= publisherText %></div>\n <span class="speechkit__shared__title--advertiser">\n <a class="speechkit-playlist__publisher speechkit__external-link js-advertiser-name js-advertiser-link" target="_blank"></a>\n </span>\n\n <div class="speechkit-playlist__title speechkit__shared__title js-title"><%= podcast.title %></div>\n <a class="speechkit-playlist__title speechkit__external-link js-ads-title js-advertiser-link" target="_blank"></a>\n <a class="speechkit-playlist__external-link speechkit__external-link" href="https://speechkit.io">Powered by SpeechKit</a>\n\n <div class="speechkit-playlist__controls">\n <div class="speechkit-playlist__play">\n <button type="button" class="speechkit__shared__controls__button speechkit-playlist__playpause js-playpause"></button>\n </div>\n <div class="speechkit-playlist__progressbar <%= hasPublisherLogo ? "full-width" : "" %>">\n <div class="speechkit__progressbar-container">\n <div class="speechkit__progressbar-bar-wrapper js-bar-wrapper">\n <div class="speechkit__progressbar-bar speechkit-playlist__progressbar-bar">\n <div class="speechkit__progressbar-progress js-progress"></div>\n <div class="speechkit__loading-progressbar js-loading-progress"></div>\n </div>\n </div>\n </div>\n\n <div class="speechkit-playlist__time">\n <span class="js-time">00:00</span> / <%= totalDuration %>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n\n <div class="speechkit-playlist__podcasts">\n <div class="speechkit-playlist__podcasts-title">Playlist</div>\n <ul class="speechkit-playlist__list js-playlist-box">\n <% forEach(podcasts, function(podcast, index) { %>\n <li class="speechkit-playlist__list-item <%= currentPlaylistPodcastIndex === index ? "speechkit-playlist__list-item--current" : "" %> js-playlist-item">\n <button type="button" class="speechkit__shared__controls__button speechkit-playlist__play-podcast js-playlist-play" data-index="<%= index %>"></button>\n <span class="speechkit-playlist__item-name"><%= podcast.title %></span>\n <span class="speechkit-playlist__date"><%= formatDate(podcast.media[0].created_at) %></span>\n </li>\n <% }); %>\n </ul>\n </div>\n </div>\n</div>\n'}});