| Ambos lados, revisión anteriorRevisión previa | |
| formas_de_emitir_un_evento_online [2020/03/25 12:32] – symposium | formas_de_emitir_un_evento_online [2020/04/07 08:19] (actual) – symposium |
|---|
| |
| {{ :compartir:addscripttoevent.gif?nolink&1263x589 }} | {{ :compartir:addscripttoevent.gif?nolink&1263x589 }} |
| |
| ==== Inserción de HTML en una sección estándar de Symposium ==== | |
| |
| En caso de que quieras insertar tu streaming en un menú preestablecido de Symposium, habrás de copiar el código en la sección **Diseño > Personalizar**, en el editor de HTML. | |
| |
| //**Ejemplo**// : este bloque de código inserta un vídeo en directo en la portada del sitio web de tu evento. Debes modificar la línea del final, donde pone ‘[url del vídeo]’. Pon ahí la dirección que te haya dado el proveedor del servicio entre comillas simples y quedará algo como ‘[[https://videoendirectodemievento|https://videoendirectodemievento]]’. | |
| |
| <code> | |
| ''<script> | |
| $.fn.ready(function(){ | |
| $('body').on('render.handlebars', function (e, section, datos) { | |
| if (section == 'detail') { | |
| $('#description-con<span class="fr-marker" data-id="0" data-type="false" style="display: none; line-height: 0;"></span><span class="fr-marker" data-id="0" data-type="true" style="display: none; line-height: 0;"></span>tainer').html('<iframe id="stream-video" width="640" height="386" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" oallowfullscreen="true" msallowfullscreen="true" frameborder="0" marginheight="0px" marginwidth="0px"></iframe>'); | |
| |
| document.getElementById(stream-video).src= '[url del vídeo]' | |
| } | |
| }); | |
| }); | |
| </script>'' | |
| </code> | |
| |
| ==== Inserción de contenido Javascript en secciones personalizadas \\ ==== | |
| |
| Si por el contrario necesitas crear un menú específico desde el que los asistentes puedan ver el directo, necesitarás, primero, crear una nueva sección desde el el menú **Contenido > Nuevas páginas**. Lo siguiente será incrustar un script ligeramente diferente del de antes, pero también con el enlace facilitado por el proveedor del servicio de streaming en el apartado **Diseño > Personalizar** e indicar en el código la sección en la que debe aparecer. | |
| |
| //**Ejemplo**// : este bloque de código inserta un vídeo en directo en la sección “Cómo unirse al webinar” del sitio web de tu evento. Debes modificar dos cosas: | |
| |
| la línea que contiene datos.id == [id de la sección]. Ahí debes poner el código de la sección que hayas creado. ¿Dónde está el código? En la dirección web de esa misma sección. Puedes previsualizar el evento y visitar esa sección. En la barra de direcciones de tu navegador aparecerá algo como lo siguiente: | |
| |
| <code> | |
| https://webinar.symposium.events/98765/section/**22648** /webinar.html | |
| </code> | |
| |
| Busca dentro de esa dirección la parte /section/número. Ese número es el id de la sección que debes poner ahí, de modo que quedará algo como: | |
| |
| <code> | |
| if (section == 'section-container' && datos.id == 22648) | |
| </code> | |
| |
| * la línea del final, donde pone ‘[url del vídeo]’. Esto es igual que en el ejemplo anterior. Pon ahí la dirección que te haya dado el proveedor del servicio entre comillas simples y quedará algo como ‘[[https://videoendirectodemievento|https://videoendirectodemievento]]’. | |
| |
| <code> | |
| ''<script> | |
| $.fn.ready(function(){$('body').on('render.handlebars', function (e, section, datos) { | |
| if (section == 'section-container' && datos.id == [id d e la sección]) {$('#section-container').html('<iframe id="stream-video" width="640" height="386" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" oallowfullscreen="true" msallowfullscreen="true" frameborder="0" marginheight="0px" marginwidth="0px"></iframe>'); | |
| document.getElementById(stream-video).src = '[url del vídeo]'; | |
| } | |
| }); | |
| }); | |
| </script>'' | |
| </code> | |
| |
| |
