@speechkit/speechkit-audio-player
Version:
A web player component that can play audio from https://speechkit.io
52 lines (48 loc) • 2.13 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'>
<script src="./speechkit-player.js"></script>
<!-- <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 src="/sdk.js"></script>
<script>
debugger;
var player = speechkit('speechkit-player', function onPlayerReady() {
console.log('Your player is ready!');
// In this context, `this` is the player that was created by Video.js.
// this.play();
// How about an event listener?
this.on('play', function() {
console.log('Awww...over so soon?!');
});
});
</script>
</body>
</html>