Troubleshooting 360 streaming - No m3u8 responce.

englobo · May 12, 2020

Hi,

I've been following this guide but have run into an issue. I'm not sure how to proceed:
https://flashphoner.com/embedding-of-vr-360-player/

It seems the source attribute in the DL8 video is not being updated, instead a new video attribute is created.

I would expect the source tags in the dl8-video to update as their documentation states it should. Although their dl8-video tag doesn't seem to support live streams as I would expect.

Do we instead need to use their live-video tag, if so how do we get a m3u8 response from your stream?

I created the same environment as your test and it still failed.

could you please advise?

Jay

Max · May 12, 2020

Good day.
Please make sure that you are using the code example from the article:

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <script type="text/javascript" src="../../../../flashphoner.js"></script>
    <script type="text/javascript" src="vr-player-min.js"></script>
    <script src="//cdn.delight-vr.com/latest/dl8-your-license-key.js" async></script>
</head>
 
<body onload="init_api()">
    <div id="myVideo" style="width:640px;height:480px;border: solid 1px">
        <dl8-video id="remoteVideo" format="STEREO_180_LR" display-mode="inline" loop>
        <source/>
    </div>
    <br>
    <button id="playBtn">Play</button>
</body>
</html>

JavaScript:

var SESSION_STATUS = Flashphoner.constants.SESSION_STATUS;
var STREAM_STATUS = Flashphoner.constants.STREAM_STATUS;
var session;
 
function init_api() {
    Flashphoner.init({});
    playBtn.onclick = playstream;
}
 
function playstream() {
    var dl8video = document.getElementById('remoteVideo');
    var video = dl8video.contentElement;
    session = Flashphoner.createSession({
        urlServer: "wss://demo.flashphoner.com"
    }).on(SESSION_STATUS.ESTABLISHED, function(session) {
        console.log("connection established"); {
            var options = {
                name: "stream1",
                display: document.getElementById("myVideo"),
                remoteVideo: video,
                transport: "TCP",
            };
            var stream = session.createStream(options).on(STREAM_STATUS.PLAYING, function(stream) {
                console.log("playing");
                dl8video.start();
            });
            stream.play();
        }
    });
}

When remoteVideo option is used, no additional video elements created on the page
Also, we use WebRTC stream, so there is no m3u8 playlist available. If you prefer to play HLS, please look at this example.

Troubleshooting 360 streaming - No m3u8 responce.

englobo

New Member

Max

Administrator