Project1

标题: 关于视频和对话同时播放的问题。 [打印本页]

作者: 沧海孤云 时间: 2017-11-6 20:34
标题: 关于视频和对话同时播放的问题。
本帖最后由沧海孤云于 2017-11-6 20:35 编辑

如图，利用视频管理插件（MovieManager.js有让视频循环播放等功能）可以实现视频和对话同时播放，但是视频默认是在对话框前端的，全屏播放就会盖住对话框（不影响对话框的运行），能否让对话框位于视频框前端或者最前端呢？

附上视频管理插件

视频管理MovieManager.rar (4.68 KB, 下载次数: 159)

作者: WantMy蕙 时间: 2017-11-6 21:08
大概思路就是调整对话框或者嗯...视频脚本的z值，使其中一个大于或者小于另一个就OK

作者: 汪汪 时间: 2017-11-6 22:15
本帖最后由汪汪于 2017-11-6 22:20 编辑

视频是在网页的另外一个层吧...

找到video的元素 ,也就是类似
var  video = document.createElement('video');

var texture = PIXI.VideoTexture.textureFromVideo( video);
var sprite = new PIXI.Sprite(texture);
sprite.width = w
sprite.height = h
然后把精灵放到场景里去就好

差不多就是

Graphics._createVideo = function() {
      this._videoFrame = document.createElement('div');
      this._videoFrame.id = 'GameVideoFrame';
      this._video       = document.createElement('video'); //也就是把 Graphics._video  当作上面的 video , 然后把精灵添加到场景中就好了
      this._video.id    = 'GameVideo';
      this._videoVisible  = false;
      // 这句注释掉 document.body.appendChild(this._videoFrame);
      // 这句注释掉  this._videoFrame.appendChild(this._video);
      this.setVideoContentsPosition(0, 0);
      this.setVideoContentsScale(1.0, 1.0);
      this._updateVideo();
      this._centerElement(this._video);
      this._video.style.margin = 0;
      this._videoLoading    = false;
};

作者: 青空CythiA 时间: 2018-12-23 12:36
楼主这个解决了吗。。

欢迎光临 Project1 (https://rpg.blue/)