@speechkit/speechkit-audio-player
Version:
A web player component that can play audio from https://speechkit.io
111 lines (102 loc) • 5.44 kB
HTML
<html>
<head>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'>
<meta content='width=device-width, initial-scale=1' name='viewport'>
<meta content='player' name='twitter:card'>
<meta content='@speechkit_io' name='twitter:site'>
<meta content='VAST test article for Ads ' name='twitter:title'>
<meta content='VAST test article for Ads provided by @speechkit_io' name='twitter:description'>
<meta content='https://staging.spkt.io/a/275379' name='twitter:player'>
<meta content='545' name='twitter:player:width'>
<meta content='75' name='twitter:player:height'>
<meta content='https://speechkit-staging.s3.amazonaws.com/audio/projects/3024/podcasts/275379/media/bea8de26a22e1f4f75d946ea3ee20b22_compiled.mp3' name='twitter:player:stream'>
<meta content='audio/mpeg' name='twitter:player:stream:content_type'>
<base target='_blank'>
<script src='https://s3-eu-west-1.amazonaws.com/speechkit-js/3.16.6/speechkit-player.js' type='text/javascript'></script>
<style>
</style>
<script async='async' src='https://www.googletagmanager.com/gtag/js?id=UA-52360836-1'></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-52360836-1');
</script>
</head>
<body>
<body style="height: 2000px;">
<div id="app" class="app">
<div id="speechkit-player"></div>
</div>
<script src="./speechkit-player.js"></script>
<script>
(function() {
function getParameterByName(name, url) {
if (!url) url = window.location.href;
name = name.replace(/[\[\]]/g, "\\$&");
var regex = new RegExp("[?&#]" + name + "(=([^&#]*)|&|#|$)"),
results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, " "));
}
var player;
var podcast = {"id":"8a83f93d-bbcc-4eab-8676-003daff1156b","podcast_id":278859,"url":"http://test.com","title":"one more test title ","author":"author","summary":"one more test body... ","image":null,"published_at":"2020-03-06T13:30:44.487Z","body":"one more test body ","state":"processed","share_url":"https://staging.spkt.io/a/278859","share_version":"v2","media":[{"id":2210502,"role":"body","content_type":"application/x-mpegURL","url":"https://speechkit-staging.s3.amazonaws.com/audio/projects/2603/podcasts/278859/media/a8ca5e8429ca54b742f4c147b1a9cf6e.m3u8","download_url":null,"created_at":"2020-03-06T13:30:46.839Z","updated_at":"2020-03-06T13:30:47.168Z","state":"processed","duration":3.548622,"voice":{"id":307,"language":"en_US","name":"Joanna"}},{"id":2210500,"role":"body","content_type":"audio/mpeg","url":"https://speechkit-staging.s3.amazonaws.com/audio/projects/2603/podcasts/278859/media/0229aaf32220669f58dacd9848ddd822_compiled.mp3","download_url":null,"created_at":"2020-03-06T13:30:46.521Z","updated_at":"2020-03-06T13:30:46.608Z","state":"processed","duration":3.576,"voice":{"id":307,"language":"en_US","name":"Joanna"}}],"player_type":"EmbeddedPlayer","next_podcast_external_id":null,"ad_disabled":false};
var articleUrl = getParameterByName('articleUrl');
var player = 'MinimalPlayer';
var isAmp = !!getParameterByName('amp');
var withDownloadButton = false;
var campaignJson = null;
var campaignId = 195;
var speakable = false;
// Resolve articleurl if no podcast and if not passed
if (!podcast && !articleUrl) {
articleUrl = document.referrer;
if (document.referrer.indexOf('https://m.nettavisen.no') !== -1) {
articleUrl = document.referrer.replace('https://m.', 'https://www.');
}
if (document.referrer.indexOf('http://testm.standaard.be') !== -1) {
articleUrl = document.referrer.replace("http://testm", "http://test");
}
}
// if there is a fragment identifier #hash appended to URL, remove from string
if(articleUrl) {
// strip out params for forbes
if ((articleUrl.indexOf('https://forbes.com') !== -1) ||
(articleUrl.indexOf('https://www.forbes.com') !== -1) ||
(articleUrl.indexOf('https://www-staging.forbes.com') !==-1)) {
articleUrl = articleUrl.split('?')[0];
}
articleUrl = articleUrl.split('#')[0];
}
// Run SK
new SpeechKit.players({
player: player,
skBackend: "https://staging.spkt.io",
renderNode: 'speechkit-player',
apiKey: "read_33dbe2628d957eefe4a73b57c95c3e27",
projectId: "2603",
customAdMedia: campaignJson,
projectCampaignId: campaignId,
podcastUrl: "http://test.com",
publisherId: "1085",
publisher: "Speechkit Landing Page (DO NOT DELETE!)",
publisherLogo: "",
publisherColor: "#000",
language: "en_US",
podcast: podcast,
articleUrl: articleUrl,
feedbackUrl: "https://staging.spkt.io/rate/basic",
message: "",
isAmp: isAmp,
speakable: speakable,
withDownloadButton: withDownloadButton
}).then(function(currentPlayer) {
player = currentPlayer;
currentPlayer.load();
});
})()
</script>
</body>
</html>