2014-09-02 45 views
2

试图在Nexus 7上运行Three.js示例,并且其中大部分都可以正常工作。 但我特别感兴趣的是让webgl视频渲染在我的nexus 7设备上工作,这似乎并不奏效。我所得到的只是一个黑色的屏幕,视频应该呈现,其余的视频呈现与正常一样。为什么Three.js视频不能在我的Nexus 7上渲染

我的Nexus 7运行的是Android 4.4.4 & Chrome 36.0.1985.135,并且在运行这些示例时没有看到任何控制台错误。

,不工作的例子是: https://github.com/mrdoob/three.js/blob/master/examples/canvas_materials_video.html https://github.com/mrdoob/three.js/blob/master/examples/webgl_materials_video.html

我的假设(从我读)是,这可能有些事情要与纹理大小,它需要是动力2.你们有什么线索,为什么它不工作,我可以尝试让它工作?

非常感谢您的帮助已经

最佳,

埃里克

+0

这是因为,在任何移动平台上,JavaScript都无法从视频中获取图像 – imcg 2014-09-02 13:25:44

+0

@imcg我不确定这是否正确。我认为问题在于视频不能在移动设备上自动播放。 – mrdoob 2014-09-02 19:56:17

+0

对不起,我错误的信息,我假设视频纹理使用画布drawImage上次我检查不适用于移动视频。 – imcg 2014-09-03 08:17:09

回答

2

我只是猜测,但据我所知影片不会出现在移动设备的自动播放。要解决这个问题,你需要让用户点击一些东西,然后在处理程序中点击开始视频播放。最简单的方法可能是制作一个没有内容的全屏div,它的css z-index被设置为某种东西,因此它比其他任何东西都高。一旦用户点击它,开始播放视频并将其删除。

+0

这解决了它!非常感谢。 – 2014-09-03 06:41:46