<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>리모트몬스터 단순 통화 앱</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
<!-- 다운로드한 파일 중 style.css 파일을 index.html 파일에 삽입합니다. -->
<link rel="stylesheet" href="style.css">
<div id="you" class="col-12 col-sm-6 col-md-6">
<video id="remoteVideo" class="remoteVideo" autoplay></video>
<div id="me" class="col-12 col-sm-6 col-md-6">
<video id="localVideo" class="localVideo" autoplay></video>
<div id="controlLeft" class="col-6 col-sm-6 col-md-6">
<button id="startCall">시작</button>
<div id="controlRight" class="col-6 col-sm-6 col-md-6">
<button id="stopCall">종료</button>
<div class="col-12 col-sm-12 col-md-12">
<div id="channelId"></div>
<div id="channelState"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<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를 입력'
$('#channelId').text(chid);
$('#channelState').text("대기 중");
console.log(`onConnect: ${chid}`);
$('#channelState').text("통화 중");
console.log(`onComplete`);
$('#channelState').text("통화 종료");
const remonCall = new Remon({
$('#startCall').click(function () {
remonCall.connectCall('my-first-channel');
// "종료" 버튼을 클릭하면 통화채널에서 나갑니다.
$('#stopCall').click(function() {