Melhore a experiência do seu espectador ativando o resume em seus vídeos!

Lays Prates
samba videos
Published in
2 min readJan 23, 2018

Uma função que agrega conforto e praticidade.

Foto por Jason Strull

O player da Samba possui diversas opções de personalização como alterar a cor, suprimir os botões de controle e até inserir comentários no próprio vídeo, mas sem dúvida, a que mais trás conforto para o seu espectador é a função resume.

Com ela, você permite ao usuário continuar a assistir aos vídeos do ponto em que parou, mesmo que ele saia da sua plataforma e desligue o aparelho. Assim, ao retornar, ele poderá escolher por continuar assistindo daquele mesmo instante ou assistir a tudo novamente:

Como ativar?

Você pode aplicar essa função em qualquer vídeo e, para ativá-la, basta que você insira o player em sua aplicação com a nossa API, informando no parâmetro resume o segundo do vídeo em que o usuário parou de assistir. Quer ver como é fácil?

Comece inserindo o código da API do player:

<script samba-player-api="player"type="text/javascript"
src="http://player.sambatech.com.br/v3/samba.player.api.js"></script>

No lugar onde você quer que apareça o player, crie um elemento divcom o id “player”, por exemplo:

<div id="player"></div>

No seu código Javascript, você insere o seguinte:

var player = new SambaPlayer("player",// id do elemento HTML
{
height: 360,// altura do player
width: 640,// largura do player
ph: "f8a0041cfa9b4783095c333812345",// Player Hash do projeto
m: "a635b94483d1d36545fd31437299",// id do vídeo
playerParams: {
resume: 37 // O 37 é o segundo em que o usuário parou de assistir
},
});

A captura do segundo em que o usuário pausou o vídeo pode ser feita utilizando os eventos “onPause” e “onProgress” do nosso player. Para saber mais detalhes, acesse nossa API.

var Player = new SambaPlayer("player",
[...]
events: { //Defina aqui as funções executadas em cada evento do player
onPause: eventListener;
onProgress: eventListener
}
});
function eventListener(player) {
if (player.event == "onPause" || player.event == "onProgress"){
var sec = player.eventParam;
}
}

Quer ver um exemplo disso funcionando? Acesse o nosso laboratório.

Ficou com alguma dúvida? Entre em contato com a gente pelo e-mail relacionamento@sambatech.com.br ou deixe um comentário :)

--

--