@gobistories/gobi-web-integration
Version:
Welcome to Gobi Web Integration. This library will let you put your Gobi stories on your site.
40 lines (39 loc) • 1.47 kB
HTML
<html>
<body>
<!--<script src="https://unpkg.com/@gobistories/gobi-web-integration@4.4.1"></script>-->
<script src='../dist/index.js'></script>
<div id='gobi-bubbles-1'></div>
<div id='gobi-bubbles-2'></div>
<div id='gobi-bubbles-3'></div>
<div id='gobi-bubbles-4'></div>
<div id='gobi-bubbles-5'></div>
<script>
new gobi.Bubbles({
container: document.getElementById('gobi-bubbles-1'),
// avatarSize: "120px",
responsive: true,
stories: [
{id: 'f27db51457d602a29e14863515d2b9ac1f4c8aa8'},
{id: '1012da7b037762812a6b6ef4e9a2c2a286d8b63e'},
{id: '66a40cc5'},
],
})
var b = new gobi.Bubbles({
container: document.getElementById('gobi-bubbles-5'),
avatarSize: "8rem",
responsive: true,
stories: [
{id: 'f27db51457d602a29e14863515d2b9ac1f4c8aa8'},
{id: '1012da7b037762812a6b6ef4e9a2c2a286d8b63e'},
{id: '66a40cc5'},
],
})
b.player.addEventListener('play', function(){console.log('play')});
b.player.addEventListener('ended', function(){console.log('ended')});
b.player.addEventListener('loaded', function(){console.log('loaded')});
b.player.addEventListener('pause', function(){console.log('pause')});
b.player.addEventListener('reset', function(){console.log('reset')});
b.player.addEventListener('setMute', function(){console.log('setMute')});
</script>
</body>
</html>