IMMREX7

@extends('teachers.teacher_layout')
@section('content')
<div class="row clearfix">
     <button class="btn btn-raised btn-danger waves-effect btn-round js-sweetalert" onclick="endCall()">End Live Session</button>
    <div class="card" id="meet">
    </div>
</div>
@stop
@section('script')
<script src='https://meet.jit.si/external_api.js'></script>
<script type="text/javascript">
    const domain = 'meet.jit.si';
    const options = {
        roomName: '{{$key}}',
        width: 1200,
        height: 700,
        userInfo: {
        email: 'spdgt@gmail.com',
        displayName: '{{$teacher->firstName}}'
        },
        parentNode:  document.querySelector('#meet'),
        configOverwrite: {enableWelcomePage: false,enableClosePage :  false},
        interfaceConfigOverwrite: { 
           SHOW_POWERED_BY: false
        }
    };
    const api = new JitsiMeetExternalAPI(domain, options);
    api.executeCommand('startRecording', {
        mode : "stream",
        youtubeStreamKey: "{{$key}}",
        youtubeBroadcastID : ""
    });
    
    function endCall(){
        $.ajax({url: "{{url('/teacher/end/videoconference/'.$id)}}", success: function(result){
              window.location.href = "{{url('/teacher/videoconf')}}";
        }});
        api.dispose();
    }


</script>
<script>
/*document.getElementById('meet').onload= function() {
    document.getElementsByClassName('watermark').style.visibility ="hidden"
};  */
</script>
@stop