<!DOCTYPE html>
<html lang="en">
<head>
<title>Test Player</title>
<script type="text/javascript" src="https://demo.flashphoner.com:8888/shared/flashphoner.js"></script>
<script>
const SESSION_STATUS = Flashphoner.constants.SESSION_STATUS;
const STREAM_STATUS = Flashphoner.constants.STREAM_STATUS;
function init(){
console.log("Initializing");
Flashphoner.init({
receiverLocation: "/shared/examples/demo/dependencies/websocket-player/WSReceiver2.js",
decoderLocation: "/shared/examples/demo/dependencies/websocket-player/video-worker2.js",
preferredMediaProviders: ["WSPlayer"]
});
Flashphoner.playFirstSound();
Flashphoner.createSession({"urlServer": "wss://FLASHPHONER_SERVER"})
.on(SESSION_STATUS.ESTABLISHED, (session) => {
console.log("Session ESTABLISHED");
const streamParams = {
name: "rtsp://184.72.239.149/vod/mp4:BigBuckBunny_115k.mov",
display: document.getElementById("videoId"),
playWidth: 768,
playHeight: 424
};
let fpStream = session.createStream(streamParams)
.on(STREAM_STATUS.PENDING, (stream) => {
console.log("Stream PENDING");
})
.on(STREAM_STATUS.PLAYING, (stream) => {
console.log("Stream PLAYING");
stream.setVolume(0); // This doesn't mute the stream
})
.on(STREAM_STATUS.STOPPED, () => {
console.log("Stream STOPPED");
})
.on(STREAM_STATUS.FAILED, () => {
console.log("Stream FAILED");
})
.on(STREAM_STATUS.PLAYBACK_PROBLEM, () => {
console.log("Stream PLAYBACK_PROBLEM");
})
.on(STREAM_STATUS.NOT_ENOUGH_BANDWIDTH, (stream) => {
console.log("Stream NOT_ENOUGH_BANDWIDTH");
})
fpStream.play();
})
.on(SESSION_STATUS.DISCONNECTED, () => {
console.log("Session DISCONNECTED");
})
.on(SESSION_STATUS.FAILED, () => {
console.log("Session FAILED");
});
}
</script>
</head>
<body onload="init()">
<h1>Video</h1>
<div id="videoId"></div>
</body>
</html>
