<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>RemoteMonster - Simple Example</title>
margin-left: auto; margin-right: auto; width: 320px;
width: 320px; height: 240px; background-color: black;
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<div id="wingleft"></div>
<video id="remoteVideo" autoplay muted></video>
<button id="mystart" class="btn btn-main">Start</button>
<button id="mystop" class="btn btn-main" disabled>Stop</button>
<div id="wingright"></div>
<script src="https://webrtc.github.io/adapter/adapter-latest.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@remotemonster/sdk/remon.min.js"></script>
serviceId: '발급 받은 Service Id를 입력',
key: '발급 받은 Secret Key를 입력'
onCreate(chid) { console.log(`EVENT FIRED: onCreate: ${chid}`); },
onJoin(chid) { console.log(`EVENT FIRED: onJoin: ${chid}`); $('#mystart').prop( "disabled", true ); $('#mystop').prop( "disabled", false ); },
onClose() { console.log('EVENT FIRED: onClose'); $('#mystart').prop( "disabled", false ); $('#mystop').prop( "disabled", true ); },
onError(error) { console.log(`EVENT FIRED: onError: ${error}`); },
onStat(result) { console.log(`EVENT FIRED: onStat: ${result}`); }
remon = new Remon({ config, listener });
$('#mystop').click(function(){
$('#mystart').click(function(){
remon.joinCast("my-first-livestreaming");