Skip to content

Instantly share code, notes, and snippets.

@rgr2k
Created August 7, 2015 15:43
Show Gist options
  • Save rgr2k/5ab3139d8ba274a7d5f8 to your computer and use it in GitHub Desktop.
Save rgr2k/5ab3139d8ba274a7d5f8 to your computer and use it in GitHub Desktop.
Codigo
<html>
<head>
</head>
<body>
<div class="row">
<div class="col-xs-4 col-md-4" id="player"></div>
<div class="col-xs-3 col-md-3 pull-right">
<div id='list' class="list-group">
<a href="#" class="samba-playlist-trigger list-group-item active" data-mediaid="f5de86635025e29570be07a923f7ab74">Rap</a>
<a href="#" class="samba-playlist-trigger list-group-item" data-mediaid="a3b55ecfd3b5478a41cd677f779050ca">Pagode</a>
<a href="#" class="samba-playlist-trigger list-group-item" data-mediaid="49f642ae155c89d96ea8b77169fbe842">Blues</a>
</div>
</div>
</div>
<!--<script type="text/javascript" samba-player-api="player" src="http://player.sambatech.com.br/v2current/samba.player.api.js"></script>-->
<script type="text/javascript" samba-player-api="player" src="http://player.teste.sambatech.com.br/new_player/samba.player.api.js?iframeURL=web4-7091"></script>
<script type="text/javascript">
function eventListener(player){
}
function onClick(mediaId, evt){
document.getElementsByClassName('samba-playlist-trigger list-group-item active')[0].className = 'samba-playlist-trigger list-group-item';
evt.target.className = "samba-playlist-trigger list-group-item active";
}
</script>
<script id="playlist" type="text/javascript">
var playlistObj = {
ph: '98b936bed684bcb45a1225d4eaff7b9d',
medias: [{id: 'f5de86635025e29570be07a923f7ab74', title: 'Rap'}, {id: 'a3b55ecfd3b5478a41cd677f779050ca', title: 'Pagode'}, {
id: '49f642ae155c89d96ea8b77169fbe842', title: 'Blues'
}],
onClick: 'onClick',
loop: true,
timeout: 5
};
</script>
<script type="text/javascript">
var player = new SambaPlayer("player", {
height: 270,
width: 480,
playlist: playlistObj,
playerParams: {
volume: 20,
startOutput: '480p'
},
events: {
"*": "eventListener"
}
});
</script>
</body>
</html>
<html>
<head>
</head>
<body>
<div class="row">
<div class="col-xs-4 col-md-4" id="player"></div>
<div class="col-xs-3 col-md-3 pull-right">
<div id='list' class="list-group">
<a href="#" class="samba-playlist-trigger list-group-item active" data-mediaid="f5de86635025e29570be07a923f7ab74">Rap</a>
<a href="#" class="samba-playlist-trigger list-group-item" data-mediaid="a3b55ecfd3b5478a41cd677f779050ca">Pagode</a>
<a href="#" class="samba-playlist-trigger list-group-item" data-mediaid="49f642ae155c89d96ea8b77169fbe842">Blues</a>
</div>
</div>
</div>
<!--<script type="text/javascript" samba-player-api="player" src="http://player.sambatech.com.br/v2current/samba.player.api.js"></script>-->
<script type="text/javascript" samba-player-api="player" src="http://player.teste.sambatech.com.br/new_player/samba.player.api.js?iframeURL=web4-7091"></script>
<script type="text/javascript">
function eventListener(player){
}
function onClick(mediaId, evt){
document.getElementsByClassName('samba-playlist-trigger list-group-item active')[0].className = 'samba-playlist-trigger list-group-item';
evt.target.className = "samba-playlist-trigger list-group-item active";
}
</script>
<script id="playlist" type="text/javascript">
var playlistObj = {
ph: '98b936bed684bcb45a1225d4eaff7b9d',
medias: [{id: 'f5de86635025e29570be07a923f7ab74', title: 'Rap'}, {id: 'a3b55ecfd3b5478a41cd677f779050ca', title: 'Pagode'}, {
id: '49f642ae155c89d96ea8b77169fbe842', title: 'Blues'
}],
onClick: 'onClick',
loop: true,
timeout: 5
};
</script>
<script type="text/javascript">
var player = new SambaPlayer("player", {
height: 270,
width: 480,
playlist: playlistObj,
playerParams: {
volume: 20,
startOutput: '480p'
},
events: {
"*": "eventListener"
}
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment