HTML - Vídeo embebido con transcripción sincronizada en inglés y en español

 
Vista:
sin imagen de perfil

Vídeo embebido con transcripción sincronizada en inglés y en español

Publicado por Javier (3 intervenciones) el 19/11/2014 11:19:43
Saludos a todos:

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.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<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

Dejo imágenes de ejemplo, similar:
Subt_Ing_Esp01
Subt_Ing_Esp01

Subt_Ing_Esp02
Subt_Ing_Esp02

Subt_Ing_Esp03
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 hacer. ¿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
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder