Dani
Member
I tried to write this code based on your demo:
<!DOCTYPE html>
<html>
<head>
<!-- Shaka Player compiled library: -->
<script src="dist/shaka-player.compiled.js"></script>
<script type="text/javascript" src="flashphoner/flashphoner.min.js"></script>
<script type="text/javascript" src="flashphoner/dependencies/jquery/jquery-1.12.0.js"></script>
<script type="text/javascript" src="flashphoner/dependencies/js/utils.js"></script>
<!-- Your application source: -->
<script src="myapp.js"></script>
</head>
<body onload="init_api()">
<video id="video"
width="640"
poster="//shaka-player-demo.appspot.com/assets/poster.jpg"
controls></video>
<input type="button" onclick="connect()" value="PLAY"/>
</body>
</html>
<script>
var SESSION_STATUS = Flashphoner.constants.SESSION_STATUS;
var STREAM_STATUS = Flashphoner.constants.STREAM_STATUS;
var session;
function init_api() {
Flashphoner.init({});
}
function connect() {
session = Flashphoner.createSession({
urlServer: "wss://mywcsaddress:443"
}).on(SESSION_STATUS.ESTABLISHED, function(session) {
playStream(session);
});
}
function playStream(session) {
session.createStream({
name: "vod-live://afileindevice_dir.mp4",
display: document.getElementById("myVideo"),
}).play();
}
</script>
but when I hit the play botton I get this error:
Uncaught (in promise) TypeError: Cannot read property 'appendChild' of null
at flashphoner.min.js:25
at new Promise (<anonymous>)
at Object.createConnection (flashphoner.min.js:25)
at Object.stream.play (flashphoner.min.js:12)
at playStream (inedx.html?_ijt=dovkbh0rabthgo5pbom9s0dnmg:41)
at Object.ESTABLISHED (inedx.html?_ijt=dovkbh0rabthgo5pbom9s0dnmg:33)
at onSessionStatusChange (flashphoner.min.js:12)
at WebSocket.wsConnection.onmessage (flashphoner.min.js:12)
<!DOCTYPE html>
<html>
<head>
<!-- Shaka Player compiled library: -->
<script src="dist/shaka-player.compiled.js"></script>
<script type="text/javascript" src="flashphoner/flashphoner.min.js"></script>
<script type="text/javascript" src="flashphoner/dependencies/jquery/jquery-1.12.0.js"></script>
<script type="text/javascript" src="flashphoner/dependencies/js/utils.js"></script>
<!-- Your application source: -->
<script src="myapp.js"></script>
</head>
<body onload="init_api()">
<video id="video"
width="640"
poster="//shaka-player-demo.appspot.com/assets/poster.jpg"
controls></video>
<input type="button" onclick="connect()" value="PLAY"/>
</body>
</html>
<script>
var SESSION_STATUS = Flashphoner.constants.SESSION_STATUS;
var STREAM_STATUS = Flashphoner.constants.STREAM_STATUS;
var session;
function init_api() {
Flashphoner.init({});
}
function connect() {
session = Flashphoner.createSession({
urlServer: "wss://mywcsaddress:443"
}).on(SESSION_STATUS.ESTABLISHED, function(session) {
playStream(session);
});
}
function playStream(session) {
session.createStream({
name: "vod-live://afileindevice_dir.mp4",
display: document.getElementById("myVideo"),
}).play();
}
</script>
but when I hit the play botton I get this error:
Uncaught (in promise) TypeError: Cannot read property 'appendChild' of null
at flashphoner.min.js:25
at new Promise (<anonymous>)
at Object.createConnection (flashphoner.min.js:25)
at Object.stream.play (flashphoner.min.js:12)
at playStream (inedx.html?_ijt=dovkbh0rabthgo5pbom9s0dnmg:41)
at Object.ESTABLISHED (inedx.html?_ijt=dovkbh0rabthgo5pbom9s0dnmg:33)
at onSessionStatusChange (flashphoner.min.js:12)
at WebSocket.wsConnection.onmessage (flashphoner.min.js:12)