Ver Mensaje Individual
  #7 (permalink)  
Antiguo 12/09/2013, 07:35
Avatar de loncho_rojas
loncho_rojas
Colaborador
 
Fecha de Ingreso: octubre-2008
Ubicación: En el mejor lugar del mundo
Mensajes: 2.704
Antigüedad: 16 años, 1 mes
Puntos: 175
Respuesta: ¿Es posible abrir archivo del servidor con otro programa que no sea el nav

Me tope con un problema similar un tiempo, y empecé a utilizar esto.. pero al final el proyecto no salio, por lo que nunca exploré a fondo el uso del plugin... fijate

http://cuepoint.org/

http://videolearning.portafolioseduc...deos-en-html5/

En el ejemplo usa un script asi para colocar los subtitulos.. pero son manuales.. capas puedas lograr que sea dinámico, y no se leería un .srt

Código Javascript:
Ver original
  1. <script src='js/cuepoint.js'></script>
  2. <script>
  3. $(document).ready(function(){
  4. //Slides object with a time (integer) and a html string
  5. var slides = {
  6. 0: "This is the first subtitle. You can put html in here if you like",
  7. 4: "A fluffy thing eating some grass.",
  8. 12: "Oh look it's a castle on a hill. Nice",
  9. 23: "Some horses",
  10. 34: "Wow look at those woolly sheep eating grass.",
  11. 40: "For more information on this plugin visit github/owainlewis or email [email protected]",
  12. 50: "Cuepoint.js is an open source plugin for adding subtitles and cue-points to your HTML5 video"
  13. }
  14. //Start cuepoint and pass in our the subtitles we want
  15. cuepoint.init(slides);
  16.  
  17. //You can set your own skip to links by using the cuepoint.setTime(seconds) function
  18. $('#1').click(function(){ cuepoint.setTime(40)});
  19. $('#2').click(function(){ cuepoint.setTime(80)});
  20. $('#3').click(function(){ cuepoint.setTime(60)});
  21. $('#4').click(function(){ cuepoint.setTime(60)});
  22. });
  23. </script>

Código HTML:
Ver original
  1. <!-- Start Cuepoint -->
  2.     <section id='cuePlayer'>
  3.         <video id='video' width="768" preload="auto" controls poster="images/poster.jpg">
  4.             <source src='http://cuepoint.org/dartmoor.mp4' />
  5.             <source src='http://cuepoint.org/dartmoor-mobile.mp4' />
  6.             <source src='http://cuepoint.org/dartmoor.webm' />
  7.             <source src='http://cuepoint.org/dartmoor.ogv' />
  8.         </video>
  9.         <div id='subtitles'></div>
  10.     </section>

Cuestion de que mires un poco el código fuente del sitio original a ver como lo usa..
__________________
Ayudo con lo que puedo en el foro, y solo en el foro.. NO MENSAJES PRIVADOS.. NO EMAILS NI SKYPE u OTROS.

Antes de hacer un TOPICO piensa si puedes hallarlo en Google o en el Buscador del Foro...

Última edición por loncho_rojas; 12/09/2013 a las 07:42