带有 A-Frame 的 Mpd 文件无法播放
Mpd file with A-Frame does not play
我正在尝试使用 A-Frame 播放 360 度 .mpd
文件。这是代码笔 example.
视频根本不显示,控制台日志显示:
components:texture:warn Video element was defined without
srcnor
srcObjectattributes.
three.js:20093 WebGL: INVALID_VALUE: texImage2D: no video
255index.html:1 [.Offscreen-For-WebGL-0x22a5f11bf200]RENDER WARNING: texture bound to texture unit 0 is not renderable. It maybe non-power-of-2 and have incompatible texture filtering.
index.html:1 WebGL: too many errors, no more errors will be reported to the console for this context.
请告知 A-Frame 不喜欢这里的什么,或者我错过了什么。
好的。我通过使用 shaka 播放器加载文件来让它工作。 Dash.js 也有效。所以不用担心。一旦文件加载了诸如 shaka 或 dash.js
之类的外部库,A-Frame 就会拾取它并很好地渲染它
这是最基本的例子:
<html>
<script src="https://cdn.dashjs.org/latest/dash.all.min.js"></script>
<script src="https://aframe.io/releases/0.7.1/aframe.min.js"></script>
<a-scene>
<a-assets>
<video id="video" data-dashjs-player autoplay
src="https://dash.akamaized.net/envivio/EnvivioDash3/manifest.mpd"></video>
</a-assets>
<a-videosphere src="#video"></a-videosphere>
</a-scene>
</html>
依靠dash.js
我正在尝试使用 A-Frame 播放 360 度 .mpd
文件。这是代码笔 example.
视频根本不显示,控制台日志显示:
components:texture:warn Video element was defined without
srcnor
srcObjectattributes.
three.js:20093 WebGL: INVALID_VALUE: texImage2D: no video
255index.html:1 [.Offscreen-For-WebGL-0x22a5f11bf200]RENDER WARNING: texture bound to texture unit 0 is not renderable. It maybe non-power-of-2 and have incompatible texture filtering.
index.html:1 WebGL: too many errors, no more errors will be reported to the console for this context.
请告知 A-Frame 不喜欢这里的什么,或者我错过了什么。
好的。我通过使用 shaka 播放器加载文件来让它工作。 Dash.js 也有效。所以不用担心。一旦文件加载了诸如 shaka 或 dash.js
之类的外部库,A-Frame 就会拾取它并很好地渲染它这是最基本的例子:
<html>
<script src="https://cdn.dashjs.org/latest/dash.all.min.js"></script>
<script src="https://aframe.io/releases/0.7.1/aframe.min.js"></script>
<a-scene>
<a-assets>
<video id="video" data-dashjs-player autoplay
src="https://dash.akamaized.net/envivio/EnvivioDash3/manifest.mpd"></video>
</a-assets>
<a-videosphere src="#video"></a-videosphere>
</a-scene>
</html>
依靠dash.js