Flashphoner WebCallServer JavaScript API (Web SDK) implementation.
npm install @flashphoner/websdk
two-way-streaming.html:
<!DOCTYPE html>
<html lang="en">
<head>
<script type="text/javascript" src="node_modules/@flashphoner/websdk/flashphoner.js"></script>
<script type="text/javascript" src="two-way-streaming.js"></script>
</head>
<body onload="init_api()">
<div id="publish" style="width:320px;height:240px;border: solid 1px"></div>
<br/><button id="publishBtn">Publish</button><br/>
<br/>
<div id="play" style="width:320px;height:240px;border: solid 1px"></div>
<br/><button id="playBtn">Play</button><br/>
<br/>
<br/><button id="stopBtn">Stop</button><br/>
</body>
</html>two-way-streaming.js:
//Constants
var SESSION_STATUS = Flashphoner.constants.SESSION_STATUS;
var STREAM_STATUS = Flashphoner.constants.STREAM_STATUS;
var session;
var stream;
//Init Flashphoner API on page load
function init_api() {
Flashphoner.init({});
publishBtn.onclick = connect;
playBtn.onclick = playStream;
stopBtn.onclick = stopPublish;
}
//Connect to WCS server over websockets
function connect() {
session = Flashphoner.createSession({
urlServer: "wss://demo.flashphoner.com"
}).on(SESSION_STATUS.ESTABLISHED, function(session) {
publishStream(session);
});
}
//Publish stream
function publishStream(session) {
stream = session.createStream({
name: "stream",
display: document.getElementById("publish"),
});
stream.publish();
}
//Playing stream
function playStream() {
session.createStream({
name: "stream",
display: document.getElementById("play"),
}).play();
}
//Stopping stream
function stopPublish() {
stream.stop();
}Please look for more examples on GitHub and on this page
Please read the details here and API docs here
WebSDK is build with webrtc/adapter library version not lower than 7.2.6. In this regard, direct use of this library together with WebSDK should be avoided.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent