Inserindo Transmissão ao vivo do Youtube
Você poderá inserir uma transmissão ao vivo de sua conta no Youtube dentro de uma aula em um curso.
Mas antes, existe algumas condições do Youtube para que você realize esse tipo de ação. Você precisa fazer parte do Programa de Parcerias do YouTube para poder incorporar transmissões ao vivo em seu projeto. Você pode se inscrever no programa clicando aqui.
Você precisará ter o programa de monetização ativo e devidamente liberado em seu canal.
Seu canal terá que ter pelo menos 1 mil inscritos e no mínimo 4 mil horas de conteúdo assistido nos últimos 12 meses.
Voltando a configuração de seu Maestrus, dentro de sua aula você irá: 1 - inserir um conteúdo do tipo "TEXTO"; 2 - dentro do editor de texto, você irá clicar no botão "Código-fonte",
IMAGEM 1
e depois irá inserir na área de texto o seguinte código-fonte:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script><script>
$(document).ready(function() {
//link do hangouts on air
var url = "https://youtu.be/RSzp2yCI6kI"; //nao mudar as linhas abaixo
var video_id = url.substr(url.lastIndexOf('/') + 1);
var video_url = "https://www.youtube.com/embed/"+video_id+"?rel=0&showinfo=0";
$('.live-video').attr('src', video_url); var domain = window.location.hostname;
var chat_url = "https://www.youtube.com/live_chat?v="+video_id+"&embed_domain="+domain;
$('.live-chat').attr('src', chat_url);
});
</script>
<style type="text/css">.live {
border: 20px solid #eee;
}
.live .yt-chat {
padding-bottom: 320px!important;
}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
</style>
<div class="live">
<div class="embed-container"><iframe allow="autoplay; encrypted-media" allowfullscreen="" class="live-video" frameborder="0" src=""></iframe></div><div class="embed-container yt-chat"><iframe allowfullscreen="" class="live-chat" frameborder="0" height="200" src=""></iframe></div>
</div>
Atente-se para alterar apenas a 5ª alinha "var url = "https://youtu.be/RSzp2yCI6kI" (aqui você irá incluir a URL de sua live); Feito isso, basta salvar e o conteúdo estará disponível.
Qualquer dúvida, estamos a disposição!
Última atualização: 05/01/2021 11:32:22
