Como cargar video con DART

Con la llegada de HTML5 puedes reproducir ficheros de audio y video directamente en tu navegador sin necesidad de referencias o librerías externas.

Dart soporta los Video Elements de HTML5 y permite que cargues video en tus proyectos web, incluso pudiendo trabajar con la linea de tiempo a través de los controles del video.

Si necesitas trabajar con los Video Elements de DART puedes utilizar un código similar a este:

video.html

<!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8">
    <title>Test</title>
  </head>
  <body>
    <script type="application/dart" src="video.dart"></script>
    <script src="http://dart.googlecode.com/svn/branches/bleeding_edge/dart/client/dart.js"></script>
  </body>
</html>




video.dart


#import('dart:html');

void main () {
  var videoClip = new VideoElement();
  videoClip.controls = true;
  videoClip.height=500;
  videoClip.width=500;
  videoClip.autoplay=true;
  videoClip.on['canplay'].add((_) {
    videoClip.play();
  });

  var s1 = new SourceElement();
  s1.src = "http://html5demos.com/assets/dizzy.mp4";
  s1.type = "video/mp4";

  var s2 = new SourceElement();
  s2.src = "http://html5demos.com/assets/dizzy.webm";
  s2.type = "video/webm";

  var s3 = new SourceElement();
  s3.src = "http://html5demos.com/assets/dizzy.ogv";
  s3.type = "video/ogv";

  videoClip.nodes.add(s1);
  videoClip.nodes.add(s2);
  videoClip.nodes.add(s3);

  document.body.nodes.add(videoClip);
}

Comments are closed.

Create a website or blog at WordPress.com

Up ↑