He estado probando el siguiente código, con el cual consigo embeber un vídeo de amara.org. Estos vídeos son muy interesantes porque hay muchos que están subtitulados-transcritos en inglés y traducidos también al español.
Cita:
Dejo imágenes de ejemplo, similar:<html>
<head>
<script type="text/javascript" src='http://amara.org/embedder-iframe'></script>
</head>
<body>
<table width="100%"> <tr>
<td style="width:250px; background-color:yellow; text-align:top;">
Contenido de la primera columna
<div class="amara-embed" data-height="288px" data-width="512px" data-url="http://www.youtube.com/watch?v=5CKwCfLUwj4">
</div>
</td>
<td style="width:250px; background-color:blue; text-align:top;">
Contenido de la segunda columna
<div class="amara-embed" data-height="288px" data-width="512px" data-url="http://www.youtube.com/watch?v=5CKwCfLUwj4">
</div>
</td>
</tr> </table>
</body>
</html>
---
Aquí encontré algunas indicaciones para embeber el vídeo y para elegir entre varias opciones.
https://github.com/pculture/unisubs/wiki/Embed-Code-Usage-Guide
<head>
<script type="text/javascript" src='http://amara.org/embedder-iframe'></script>
</head>
<body>
<table width="100%"> <tr>
<td style="width:250px; background-color:yellow; text-align:top;">
Contenido de la primera columna
<div class="amara-embed" data-height="288px" data-width="512px" data-url="http://www.youtube.com/watch?v=5CKwCfLUwj4">
</div>
</td>
<td style="width:250px; background-color:blue; text-align:top;">
Contenido de la segunda columna
<div class="amara-embed" data-height="288px" data-width="512px" data-url="http://www.youtube.com/watch?v=5CKwCfLUwj4">
</div>
</td>
</tr> </table>
</body>
</html>
---
Aquí encontré algunas indicaciones para embeber el vídeo y para elegir entre varias opciones.
https://github.com/pculture/unisubs/wiki/Embed-Code-Usage-Guide
Subt_Ing_Esp01
Subt_Ing_Esp02
Subt_Ing_Esp03
------
Al pulsar "Toggle transcript viewer" (debajo del icono del altavoz) se despliega un "Auto-scroll On" donde se pueden leer los subtítulos o la transcripción del vídeo. Además se resalta o destaca la frase del subtítulo que se está pronunciando, lo cual es muy útil para poder seguir la locución.
Con ese código Html se vé un vídeo a la izquierda con el Auto-scroll, ahí selecciono la transcripción en inglés, y otro vídeo a la derecha también con Auto-scroll donde puedo seleccionar la traducción en español. En realidad el vídeo de la derecha, repetido, no lo necesito (me dá igual si está o no está), lo importante es el cajetín Auto-scroll de la derecha para ver la traducción al español.
Lo que necesito es una manera de pulsar los dos vídeos a la vez (play) para avanzar, detener o retroceder a la vez, y para que muestre los Auto-scroll izquierda y derecha (inglés y español) a la vez de manera sincronizada.
Como ya digo, el vídeo de la derecha no lo necesito (me dá igual), la solución podría ser que con un sólo vídeo se puedan gestionar y ver los dos Auto-scroll izquierda y derecha (inglés y español) sincronizados.
Básicamente esto era lo que quería conseguir. ¿Sabéis el código html para hacer esto? ¿sabéis alguna manera de hacerlo? ¿es muy complicado? No tengo ni idea de html ni de programación. ¿Es necesario crear o programar otro tipo de vídeo algo distinto del de amara.org para que pueda soportar los dos marcos Auto-scroll, izquierda y derecha, para ver los subtítulos en inglés y en español?
Muchas gracias.
Espero vuestros comentarios.
Un saludo.
Javier
Este tema le ha gustado a 1 personas