Foros del Web » Creando para Internet » HTML »

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

Estas en el tema de Vídeo embebido con transcripción sincronizada en inglés y en español en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 19/11/2014, 03:55
 
Fecha de Ingreso: noviembre-2014
Mensajes: 15
Antigüedad: 5 años, 2 meses
Puntos: 1
Vídeo embebido con transcripción sincronizada en inglés y en español

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.

Cita:
<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_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

Etiquetas: embebido, español, todo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 05:55.