Форум

user123 · #1 (**permalink**) 09.01.2018, 10:38

Здравствуйте.
Пробовал и a-frame и webvr-starter-kit, не получается воспроизвести m3u8 файл, звук воспроизводится, а картинки нету. mp4 воспроизводит отлично.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>WebVR Starter Kit - Video Example</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    </head>
    <body>
        <script src="//povdocs.github.io/webvr-starter-kit/build/vr.js"></script>
        <script type="text/javascript">
var _vr = VR.video([
    'https://threejs.org/examples/textures/sintel.mp4'
]).moveTo(0, 2, 1).setScale(3).rotateZ(Math.PI);
window.addEventListener('click', function() {
    VR.requestVR();                                                                                                                                    
    if (_vr.element.paused)
        _vr.element.play();
    else
        _vr.element.pause();
});
document.body.appendChild(_vr.element);
        </script>
    </body>
</html>

Nexus · #2 (**permalink**) 09.01.2018, 11:12

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>WebVR Starter Kit - Video Example</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    </head>
    <body>
        <script src="//povdocs.github.io/webvr-starter-kit/build/vr.js"></script>
        <script type="text/javascript">
var _vr = VR.video([
    'https://threejs.org/examples/textures/sintel.mp4'
]);
document.body.appendChild(_vr.element);
_vr.moveTo(0, 2, 1).setScale(3).rotateZ(Math.PI);
_vr.element.play();
        </script>
    </body>
</html>

user123 · #3 (**permalink**) 09.01.2018, 12:38

Сообщение от Nexus

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>WebVR Starter Kit - Video Example</title>
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    </head>
    <body>
        <script src="//povdocs.github.io/webvr-starter-kit/build/vr.js"></script>
        <script type="text/javascript">
var _vr = VR.video([
    'https://threejs.org/examples/textures/sintel.mp4'
]);
document.body.appendChild(_vr.element);
_vr.moveTo(0, 2, 1).setScale(3).rotateZ(Math.PI);
_vr.element.play();
        </script>
    </body>
</html>

Вы меня возможно не поняли, пример с mp4 и так работал, но вот если заменить ссылку например на http://www.streambox.fr/playlists/x36xhzz/x36xhzz.m3u8 то уже не работает

Форум

Справочник

Discord чат

Курсы javascript