Vídeo

Emitir clases en directo a través Youtube

En este vídeo comparto mi experiencia en retransmisiones en directo a través de Youtube, utilizando el software OBS.

Enlaces de interés:

Plugin de OBS para usar como una cámara virtual:
https://obsproject.com/forum/resource...

Software de videoconferencia Jitsi y plugin para Moodle:
https://jitsi.org/jitsi-meet/
https://moodle.org/plugins/mod_jitsi

Código HTML para insertar CHAT en una página

La documentación de Youtube para insertar el chat en directo en otra página no funciona, pero a través de esta stackoverflow.com/questions/52468303/how-to-embed-youtube-livestream-chat text: página), he podido crear un código HTML propio que sí funciona.

Sustituye el texto [ID DE YOUTUBE] con el ID del vídeo de Youtube en los dos lugares donde aparece en el siguiente código:

     <div id="youtube_embed" style="margin: 0; padding: 0">
            <div style="width: 60%; float: left">
                <div style="position: relative; width: 100%; height: 0; padding-bottom: 56.25%">
                    <iframe allowfullscreen="" frameborder="0" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%" src="https://www.youtube.com/embed/[ID DE YOUTUBE]"></iframe>
                </div>
            </div>
            <div style="width: 40%; float: right">

                <div id="chat-embed">
                    <div id="chat-embed-wrapper" style="margin-left: 15px;"></div>
                    <script>  
                     let frame = document.createElement("iframe");  
                     frame.referrerPolicy = "origin";  
                     frame.src = "https://gaming.youtube.com/live_chat?v=[ID DE YOUTUBE]&embed_domain=" + window.location.hostname;  
                     frame.frameBorder = "0";  
                     frame.id = "chat-embed";  
                     frame.width = "100%";
                     frame.height = 460;
                     let wrapper = document.getElementById("chat-embed-wrapper");  
                     wrapper.appendChild(frame); 
                    </script>
                </div>
            </div>
        </div>