Zebra入门 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

VideoPan


  前面我们学习了基本组件,下面我们来学习一些表现力更丰富的组件。

  如果我们需要借助 zebra 展示媒体资源,那么就需要使用VideoPan类,我们通过它创建一个媒体组件,然后就可以方便的操作媒体资源了。

//创建媒体对象
var video =  new zebra.ui.VideoPan("video.mp4")

  当媒体对象添加到画布时,它并不会自动播放,需要我们手动操作。

  var canvas = new zebra.ui.zCanvas(320,180).root;
  canvas.setLayout(new zebra.layout.BorderLayout());
  var video = new zebra.ui.VideoPan("video.mp4");
  canvas.add(zebra.layout.CENTER,video);
  //开始播放video
  video.play();

  除了play(播放)方法,VideoPan还提供pause(暂停)和finished(结束)方法。

向画布中添加媒体组件,并在播放5秒后停止。