@speechkit/speechkit-audio-player
Version:
A web player component that can play audio from https://speechkit.io
115 lines (109 loc) • 4.51 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='1' name='twitter:title'>
<meta content='1 provided by @speechkit_io' name='twitter:description'>
<meta content='https://staging.spkt.io/a/37741' 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/469/podcasts/37741/media/264d60efdc161e608ec7805f6be425f5_compiled.mp3' name='twitter:player:stream'>-->
<meta content='audio/mpeg' name='twitter:player:stream:content_type'>
<base target='_blank'>
<script src='/speechkit-player.js' type='text/javascript'></script>
</head>
<body>
<div id='speechkit-player'></div>
<div id='publir-box' align="center">
<script src="https://s3.amazonaws.com/ssl-intgr-net/tags/374_1.js" type="text/javascript"></script>
</div>
<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 podcast = {
'id': '7c88b618-b78f-4152-a063-d5862777f59e',
'podcast_id': 37741,
'url': 'http://saparjohnick@000webhostapp.com',
'title': '1',
'author': 'Ne',
'summary': 'I ate a clock yesterday, it was very time consuming. ...',
'image': null,
'published_at': '2019-01-23T17:36:47.999Z',
'body': 'I ate a clock yesterday, it was very time consuming.',
'state': 'processed',
'share_url': 'https://staging.spkt.io/a/37741',
'share_version': 'v2',
'media': [{
'id': 84575,
'role': 'body',
'content_type': 'application/x-mpegURL',
'url': 'https://speechkit-staging.s3.amazonaws.com/audio/projects/469/podcasts/37741/media/c0112e62537c6db4486768520aecf81f.m3u8',
'created_at': '2019-01-23T17:36:54.582Z',
'updated_at': '2019-01-23T17:36:55.218Z',
'state': 'processed',
'duration': 4.004622,
'voice': { 'id': 131, 'language': 'en_GB', 'name': 'en-GB-Wavenet-A' },
}, {
'id': 84574,
'role': 'body',
'content_type': 'audio/mpeg',
'url': 'https://speechkit-staging.s3.amazonaws.com/audio/projects/469/podcasts/37741/media/264d60efdc161e608ec7805f6be425f5_compiled.mp3',
'created_at': '2019-01-23T17:36:53.689Z',
'updated_at': '2019-01-23T17:36:54.420Z',
'state': 'processed',
'duration': 4.032,
'voice': { 'id': 131, 'language': 'en_GB', 'name': 'en-GB-Wavenet-A' },
}],
'player_type': 'EmbeddedPlayer',
'next_podcast_external_id': null,
}
var articleUrl = getParameterByName('articleUrl');
var player = getParameterByName('ampPlayer') || "MinimalPlayer" || getParameterByName('player') || 'EmbeddedPlayer';
var isAmp = !!getParameterByName('isAmp');
// 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")
}
}
// Run SK
new SpeechKit.players({
player: player,
skBackend: "https://staging.spkt.io",
renderNode: 'speechkit-player',
apiKey: "read_b22058230a9f39c6b8b1ff85ea5d00d9",
projectId: "469",
projectCampaignId: "",
podcastUrl: "http://saparjohnick@000webhostapp.com",
publisherId: "54",
publisher: "Ne",
publisherLogo: "",
publisherColor: "#000000",
language: "en_GB",
podcast: podcast,
articleUrl: articleUrl,
feedbackUrl: "https://staging.spkt.io/rate/basic",
message: "",
isAmp: isAmp
}).then(function(currentPlayer) {
currentPlayer.load();
});
})()
</script>
</body>
</html>