?<!DOCTYPE HTML>
<!--
	Identity by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html><head>


<style>


#snackbar {
    visibility: hidden;
    min-width: 250px;
    margin-left: -155px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 1px;
    padding: 1px;
    position: fixed;
    z-index: 1;
    left: 50%;
    top: 1px;
    font-size: 15px;
}

#snackbar.show {
    visibility: visible;
 //   -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    -webkit-animation: fadein 0.1s ;
    animation: fadein 0.1s;
 //   animation: fadein 0.5s, fadeout 0.5s 2.5s;
}

#snackbar_R {
    visibility: hidden;
    min-width: 250px;
    margin-left: -155px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 1px;
    padding: 1px;
    position: fixed;
    z-index: 1;
    left: 50%;
    top: 30px;
    font-size: 15px;
}
#snackbar_R.show {
    visibility: visible;
 //   -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
    -webkit-animation: fadein 0.1s ;
    animation: fadein 0.1s;
 //   animation: fadein 0.5s, fadeout 0.5s 2.5s;
}



@-webkit-keyframes fadein {
    from {top: 0; opacity: 0;} 
    to {top: 0px; opacity: 0;}
}

@keyframes fadein {
    from {top: 0; opacity: 0;}
    to {top: 0px; opacity: 0;}
}

@-webkit-keyframes fadeout {
    from {top: 1px; opacity: 1;} 
    to {top: 0; opacity: 0;}
}

@keyframes fadeout {
    from {top: 1px; opacity: 1;}
    to {top: 0; opacity: 0;}
}
</style>
<div id="snackbar">Local text  message..</div>
<div id="snackbar_R">Remote text  message..</div>

		<title>WebRTC P2P</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<!--[if lte IE 8]><script src="assets/js/html5shiv.js"></script><![endif]-->
		<link rel="stylesheet" href="assets/css/main.css" />
  
<!-- <audio preload="auto" id="dindong" src="https://192.168.0.100:8080/DinDong.mp3"> type="audio/mpeg" </audio> -->

<audio id="localAudio"    autoplay="false" muted="muted"></audio>  
<!--<video id="localVideo"    width=160  height=120   autoplay="false" muted="muted"></video><![endif]-->
<!--<video id="remoteVideo"   width=640  height=480   autoplay ></video>-->      

        
        <link href="assets/css/input.css" rel="stylesheet" type="text/css">
 <!-- <link rel="manifest" href="manifest.json"> -->     
		<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
		<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
	
	
    
    <script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
    </script>
  
  

   
	<!--<link href="assets/css/rangeinputs.css" rel="stylesheet" type="text/css">-->
	
	<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
	</head>
	<body class="is-loading" onLoad="MM_preloadImages('images/but_mic_off.png','images/but_video_off.png'); toggle_microphone(); toggle_camera();">

		<!-- Wrapper -->
		<div id="wrapper">
			<section class="main">
				<video id="remoteVideo1" width="100%" height="100%" style="position: absolute; left: 0; top: 0; z-index: -1; object-fit: fill; object-position: 0 0;" autoplay></video>
				<header>
					<div class="avatar">
						<video id="localVideo" autoplay="false" muted="muted" width="120" height="120" style="object-fit: cover" onClick="change_view(0)"></video>
					</div>
					
					<div class="avatar">
						<video id="remoteVideo2" autoplay  width="66" height="88" style="object-fit: cover" onClick="change_view(2)"></video>
					</div>
					<div class="avatar">
						<video id="remoteVideo3" autoplay  width="66" height="88" style="object-fit: cover" onClick="change_view(3)"></video>
					</div>
					<div class="avatar">
						<video id="remoteVideo4" autoplay  width="66" height="88" style="object-fit: cover" onClick="change_view(4)"></video>
					</div>
					
					<div class="IconVoiceOff">
						<a href="JavaScript: void(0);">
							<img id="temp_camera_control" src="images/but_switch.png" alt="" onclick="switch_camera()"/>
						</a>
					</div>
										
				</header>

				<div class="Control">
					<ul class="icons">
						<li><a href="JavaScript: void(0);"><img id="mic_control" src="images/but_mic_on.png" onclick="JavaScript: toggle_microphone();"></a></li>
						<li><a href="JavaScript: void(0);"><img id="camera_control" src="images/but_video_on.png" onclick="JavaScript: toggle_camera();"></a></li>
						<li><a href="JavaScript: void(0);"><img id="call_control" src="images/but_hangup_ON.png" onclick="JavaScript: toggle_call();"></a></li>
						<li><a href="JavaScript: void(0);"><img id="play_i_control" src="images/but_rec_in.png" onclick="JavaScript: PlayRecord('i');"></a></li>
						<li><a href="JavaScript: void(0);"><img id="play_o_control" src="images/but_rec_out.png" onclick="JavaScript: PlayRecord('o');"></a></li>
					</ul>                   
				</div>
			</section>
		<!-- Main -->
		<!-- Footer -->
			<footer id="footer">
				<ul class="copyright">
					<li> 2018 <a href="http://www.mplusapp.com/"> RTC Taiwan</a> All Rights Reserved .</li>
				</ul>
			</footer>
		</div>

		<!-- Scripts -->
			<!--[if lte IE 8]><script src="assets/js/respond.min.js"></script><![endif]-->
			
	<script>
				if ('addEventListener' in window) {
					window.addEventListener('load', function() { document.body.className = document.body.className.replace(/\bis-loading\b/, ''); });
					document.body.className += (navigator.userAgent.match(/(MSIE|rv:11\.0)/) ? ' is-ie' : '');
				}
			</script> 
		

<!-- ---------------2016-11-30 Beer--------------------	-->
<script src='js/lib/adapter.js'></script>
<script src='js/lib/detect.js'></script>
<script src='js/lib/cookie.js'></script>	
<script language="javascript" type="text/javascript">


//alert("location="+location);//https://rtc.tw:8080/?roomkey=23456789
 
var record_file=""; 	
var record_medium=9;//9=no recorded   0=audio   2=video  
var audio_id=0; 
var snackbar_timer_R = 0;
var snackbar_timer = 0;
var room_conferees = 0 ;
//var audio_dindong = document.getElementById("dindong"); 
var nickname=location.search.split('nickname=').splice(1).join('').split('&')[0];
var userid=location.search.split('userid=').splice(1).join('').split('&')[0];
if(userid == 0 || userid =="")
{
  //userid=10000000+Math.round(new Date()/10000000) ;
  userid=Math.floor((Math.random() * 100000000) + 1);
}
if(nickname == 0 || nickname =="") nickname=userid;
var callid=location.search.split('callid=').splice(1).join('').split('&')[0];
var roomkey=location.search.split('phonenumber=').splice(1).join('').split('&')[0]; 
var module=location.search.split('module=').splice(1).join('').split('&')[0]; 
var vbr=location.search.split('vbr=').splice(1).join('').split('&')[0]; 
var location_ip="104.199.166.103";
var nb_channel=0; //channel number of RTC server
var medium;	  //0=audio call  2=video call
var caller=callid;	  //calling party ID
var callee=roomkey;	  //called party ID
var offer_sdp;    //offer SDP
var answer_sdp;   //answer SDP
var dialogid; 	  //dialogid (generated by calling party) to identify different dialog secssion 
var ref;	  //reference number (generated by calling party) to identify different call secssion 
var audioTracks = 0;
var videoTracks = 0;
var videoSender = 0;
var audioSender = 0;
//var version=2.0
//Check_Version();
var camera_front_or_rear = 1;
//var camera_front_or_rear = location.search.split('camera=').splice(1).join('').split('&')[0];   //1:front  2:rear ; //1=front  2=rear
//if( camera_front_or_rear !=1 && camera_front_or_rear != 2) { GetLastCamera(); }
//if( camera_front_or_rear != 2 ) camera_front_or_rear=1;

var camera_info="";
var H264_Change_Flag=0;

var video_input_counts = 0;   //camera counts
var audio_input_counts = 0;   //audio counts
var video_input_sourceid_0; //front camera
var video_input_sourceid_1; //rear camera
var localStream = 0 ;
var localPeerConnection;
var remote_description;
var room_id=0;
var play_record_flag=0;
//var localVideoStream;
var src_localVideoStream;
//var localAudioStream;
//var remoteVideoStream;
var src_remoteVideoStream=["","","","",""];
var current_src="";
//var current_view=1;
//var current_ch=1;
var local_view_ch=0;
var add_PeerConnection=[0,0,0,0,0];
var add_video_WS_channel=[0,0,0,0,0];
var add_video_MS_channel=[0,0,0,0,0];
var peer_nickname=["self","","","",""];
var add_dialogid=[0,0,0,0,0];
var add_ref=[0,0,0,0,0];

var add_video_src=[0,0,0,0,0];
var remoteVideo=[0,0,0,0,0];
var microphone_mute_state=0;
var speaker_volume=0.5;

var servers = {'iceServers':[
{urls:'stun:stunserver.org'},
{urls:'stun:stun.ekiga.net'},
{
 urls:'turn:numb.viagenie.ca',
 credential:'muazkh',
 username:'webrtc@live.com'
}
]}

var elseservers = {'iceServers':[
	{urls:'stun:stunserver.org'},
	{urls:'stun:stun.ekiga.net'},
	{urls:'stun:stun.1.google.com:19302'},
	{
		urls:'turn:numb.viagenie.ca',
		credential:'muazkh',
		username:'webrtc@live.com'
	}
]}




var user_agent = detect.parse(navigator.userAgent);



console.log("userAgent : browser.family="+user_agent.browser.family+"   browser.version="+user_agent.browser.version+"   os.name="+user_agent.os.name); 
var ua_family = user_agent.browser.family ;
var ua = ua_family.substring(0,6);  
//alert("ua : "+ua); //Mobile for ios

var u = navigator.userAgent;
var isLineApp = u.indexOf("Line") > -1; // Line 內建瀏覽器
var isFbApp = u.indexOf("FBAV") > -1; // FB App 內建瀏覽器
//isWeixinApp = ua.match(/MicroMessenger/i) == "micromessenger"; // 微信內建瀏覽器

if (isLineApp) {
  if(ua=='Mobile' )//ios
     console.log("Line 內建流覽器並不支援 WebRTC ! 請使用 safari 流覽器開啟 => 請點選右上角...=> 以其他應用程式開啟");
  else 
     location.href = "intent:"+location+"#Intent;action=android.intent.action.VIEW;category=android.intent.category.BROWSABLE;component=com.android.browser/com.android.browser.BrowserActivity;end";
     //location.href = "intent:https://rtc.tw:8080/?roomkey=23456789#Intent;action=android.intent.action.VIEW;category=android.intent.category.BROWSABLE;component=com.android.browser/com.android.browser.BrowserActivity;end";
     //alert("Line 內建流覽器並不支援 WebRTC ! 請使用 chrome 流覽器開啟 => 請點選右上角...=> 以其他應用程式開啟");
    
}
if (isFbApp) {
  if(ua=='Mobile' )//ios
     alert("FB 內建流覽器並不支援 WebRTC ! 請使用 safari 流覽器開啟 ");
  else 
     alert("FB 內建流覽器並不支援 WebRTC ! 請使用 chrome 流覽器開啟 ");
}


if( ua=="Chrome" || ua=='Mobile' ) { //else browser will popup choose camera message box 
 //alert("navigator.enumerateDevices="+navigator.enumerateDevices);//undefined for old browser and webview
    if(navigator.mediaDevices==undefined)
    {
      alert("Error message : \n\nThe device's webview browser is too old to get mediaDevices ! \n\nWebRTC Service Stopped !");
      window.close();
    }
    if (navigator.mediaDevices && navigator.mediaDevices.enumerateDevices) {
	video_input_counts=0;
	audio_input_counts=0;
 	
	// List cameras and microphones.
	navigator.mediaDevices.enumerateDevices()
	  .then(function(devices) {
	    devices.forEach(function(device) {
	    //alert("device.kind="+device.kind);
	        if(device.kind=="audioinput" )
	        {
	           audio_input_counts++;
	           //alert( device.label );
	           var n = device.label.indexOf("eadset");
	           //if(audio_input_counts==2 && n>=0) //Headset
	           if(n>=0) //Headset
	           {
	              //alert("headset");
	              audio_id = device.deviceId;   
	           }
	          
	           
	           
	        }
	        if(device.kind=="videoinput" )
	        {
	           if(video_input_counts==0)
	              video_input_sourceid_0 = device.deviceId;
	           //else
	              //video_input_sourceid_1 = device.deviceId;
	              
	           video_input_counts++;
	           
	           var n = device.label.indexOf("front");
	           if(n>=0) //front
	           {
	              video_input_sourceid_0 = device.deviceId;
	           }
	           else
	           {
	              video_input_sourceid_1 = device.deviceId;
	           }
	           
	           camera_info=camera_info+"Device-"+video_input_counts+":["+device.label+"]"+"front="+n+";" ;
	           //"Device-1:[camera2 1, facing front];Device-2:[camera2 0, facing back];"
	        }
	        console.log(device.kind + ": " + device.label + " id = " + device.deviceId);
	       // alert(device.kind + ": " + device.label + " id = " + device.deviceId);
	    });
	    //alert(camera_info);
	    //alert(" video_input_counts = " + video_input_counts );

	  })
	  .catch(function(err) {
	    console.log(err.name + ": " + error.message);
	  });   
    }
}
//-------------------------------------------------	
/*
function Check_Version() {
    var id = "88BAC115-4B9A-2016-9BDE-88990EBDCA98"; 
    var last_version = GetCookie(id);
    
    var expdate = new Date();
    expdate.setTime(expdate.getTime() + 365 * (24 * 60 * 60 * 1000));
    SetCookie(id, version , expdate); 
    
     console.log(" Check_Version() last_version="+ last_version+" now_version="+version); 
   
    if(last_version != version)
    {
       window.location.reload();
    }
     
}
*/

	
//-------------------------------------------------	
/*
function setSpeakerphoneOn2(on) {
	AudioManager audioManager= (AudioManager) getSystemService(AUDIO_SERVICE);
        if (on) {
            audioManager.setSpeakerphoneOn(true);
        } else {
            audioManager.setSpeakerphoneOn(false); 
            audioManager.setRouting(AudioManager.MODE_NORMAL, AudioManager.ROUTE_EARPIECE, AudioManager.ROUTE_ALL);
            setVolumeControlStream(AudioManager.STREAM_VOICE_CALL);
             audioManager.setMode(AudioManager.MODE_IN_COMMUNICATION);
        }
} 
*/
//-------------------------------------------------	
function GetLastMicrophone() {
    var id = "56BAC115-4B3A-2017-9BDE-00661EBDCA98"; 
    microphone_mute_state = GetCookie(id);
    console.log(" get microphone_mute_state = "+ microphone_mute_state); 
    if(microphone_mute_state == 1) mute_microphone();  
}

//-------------------------------------------------	
function SetLastMicrophone() {
    var id = "56BAC115-4B3A-2017-9BDE-00661EBDCA98"; 
    var expdate = new Date();
    expdate.setTime(expdate.getTime() + 365 * (24 * 60 * 60 * 1000));
    SetCookie(id, microphone_mute_state , expdate);
    console.log(" set microphone_mute_state = "+ microphone_mute_state);
}
//-------------------------------------------------	
function GetLastCamera() {
    var id = "33BAC115-4B3A-2017-9BDE-66688EBDCA98"; 
    camera_front_or_rear = GetCookie(id);
    console.log(" get camera_front_or_rear = "+ camera_front_or_rear); 
}
//-------------------------------------------------	
function SetLastCamera() {
    var id = "33BAC115-4B3A-2017-9BDE-66688EBDCA98"; 
    var expdate = new Date();
    expdate.setTime(expdate.getTime() + 365 * (24 * 60 * 60 * 1000));
    SetCookie(id, camera_front_or_rear , expdate);
    console.log(" set camera_front_or_rear = "+ camera_front_or_rear);
}
//-------------------------------------------------	
function GetLastvolume() {
    var id = "19BAC115-4B3A-2017-9BDE-14690EBDCA98"; 
    speaker_volume = GetCookie(id);
    console.log(" get speaker_volume = "+ speaker_volume); 
    if(speaker_volume>0 && speaker_volume<=1) 
    {
//      speakerVolume.value=speaker_volume;
//      ChangeSpeakerVolume(speaker_volume);
    }
}
//-------------------------------------------------	
function SetLastvolume() {
    var id = "19BAC115-4B3A-2017-9BDE-14690EBDCA98"; 
    var expdate = new Date();
    expdate.setTime(expdate.getTime() + 365 * (24 * 60 * 60 * 1000));
    SetCookie(id, speaker_volume , expdate);
    console.log(" set speaker_volume = "+ speaker_volume);
}
//-------------------------------------------------	
function init() {
  WebSocket_Start();
  
  remoteVideo[1] = document.getElementById("remoteVideo1");
  remoteVideo[2] = document.getElementById("remoteVideo2");
  remoteVideo[3] = document.getElementById("remoteVideo3");
  remoteVideo[4] = document.getElementById("remoteVideo4");  
  reset_display();
} 
//-------------------------------------------------	
function reset_display() {  
  console.log("reset_display() ...... ");
  remoteVideo[2].style.display='none'; //inline
  remoteVideo[3].style.display='none'; //inline
  remoteVideo[4].style.display='none'; //inline  
  add_video_src[2]=0; 
  add_video_src[3]=0; 
  add_video_src[4]=0; 
  
  
   add_video_WS_channel[2] = 0 ;
   add_video_WS_channel[3] = 0 ;
   add_video_WS_channel[4] = 0 ;
   add_video_MS_channel[2] = 0 ;
   add_video_MS_channel[3] = 0 ;
   add_video_MS_channel[4] = 0 ;
 
   add_PeerConnection[2] = 0 ;     
   add_PeerConnection[3] = 0 ;     
   add_PeerConnection[4] = 0 ;     
}	
//--------------------------------------------------
function WebSocket_Start() {
 // var wsUri = "wss://192.168.0.100:80";
  //var wsUri = "wss://rtc.tw:80"; 
  location_ip = window.location.host ; //104.199.166.103:8080
  var cutpos=location_ip.search(":");
  if(cutpos>0)
  {
     location_ip=location_ip.slice(0,cutpos);
  }
  console.log("cutpos="+cutpos+" location_ip="+location_ip);
  
  var wsUri = "wss://"+location_ip+":4433"; // wss://104.199.166.103:8080:80
  //var wsUri = "wss://rtc1.mplusapp.com:443"; // wss://104.199.166.103:8080:80
  
  console.log("WebSocket_Start() wsUri="+wsUri); 			
  websocket = new WebSocket(wsUri);		
  websocket.onopen = function(evt) { 
     onOpen(evt)
  };
  websocket.onclose = function(evt) {
     onClose(evt)
  };
  websocket.onmessage = function(evt) {
     onMessage(evt)
  };
  websocket.onerror = function(evt) {
     onError(evt)
  };         		
}		
//--------------------------------------------------
function onOpen(evt) {
   console.log("WebSocket CONNECTED"); 
   login(userid);          
}
//--------------------------------------------------
function onClose(evt) { 
   console.log("WebSocket DISCONNECTED"); 
   if(nb_channel > 0) {
      hangup();
   }
   //WebSocket_Start();
}
//--------------------------------------------------
function tempAlert_R(msg,duration)
{

    var x = document.getElementById("snackbar_R")
    x.innerHTML = msg;
    x.className = "show";
    if(snackbar_timer_R != 0)
       clearTimeout(snackbar_timer_R)
    snackbar_timer_R=setTimeout(function(){ x.className = x.className.replace("show", ""); }, duration); 
}
function tempAlert(msg,duration)
{

    var x = document.getElementById("snackbar")
    x.innerHTML = msg;
    x.className = "show";
    if(snackbar_timer != 0)
       clearTimeout(snackbar_timer)
    snackbar_timer=setTimeout(function(){ x.className = x.className.replace("show", ""); }, duration); 
     
    /*   
        $.colorbox(
        {
          iframe:true,
          width:"80%",
          height:"80%",
          href: "http://www.sitepoint.com",
          onLoad: function() {
            $('#cboxClose').remove();
            setTimeout(function(){
              $(window).colorbox.close();
            }, duration)
          }
        });
      */


/*
 if (window.webkitNotifications) {
        if (window.webkitNotifications.checkPermission() == 0) {
        notification = window.webkitNotifications.createNotification(
          'picture.png', 'Title', msg);
                    notification.onshow = function() { // when message shows up
                        setTimeout(function() {
                            notification.close();
                        }, duration); // close message after one second...
                    };
        notification.show();
      } else {
        window.webkitNotifications.requestPermission(); // ask for permissions
      }
    }
    else {
        alert(msg);// fallback for people who does not have notification API; show alert box instead
    }
*/
/*
 var el = document.createElement("div");
 el.setAttribute("style","position:absolute;top:40%;left:20%;background-color:white;");
 el.innerHTML = msg;
 setTimeout(function(){
  el.parentNode.removeChild(el);
 },duration);
 document.body.appendChild(el);
 */
 /*
var w = window.open('','','width=300,height=100')
w.document.write(msg)
w.focus()
setTimeout(function() {w.close();}, duration) 
 */
}
//--------------------------------------------------
function clear_video_channel(ch , room_conferees) {
   console.log("clear_video_channel() ch="+ch+" room_conferees="+room_conferees+" add_video_src[1]="+add_video_src[1]+" add_video_MS_channel[ch]="+add_video_MS_channel[ch]+" \nadd_video_WS_channel[1]="+add_video_WS_channel[1]+" add_video_WS_channel[2]="+add_video_WS_channel[2]+" add_video_WS_channel[3]="+add_video_WS_channel[3]+" add_video_WS_channel[4]="+add_video_WS_channel[4]);
   if(room_conferees <= 1) { show_P2P(); return ; }
   if(add_video_src[1] == add_video_MS_channel[ch] ) //just view the clear chnannel
   {
      //add_video_src[1] = add_video_MS_channel[room_conferees] ;
      //remoteVideo[1].src = src_remoteVideoStream[room_conferees];
      //notify_MS_view_channel(nb_channel,add_video_WS_channel[room_conferees]);
      if(ch<room_conferees)
         change_view(room_conferees);
      else
         change_view(ch-1);
   }
   else
   {
   	add_video_WS_channel[ch] = add_video_WS_channel[room_conferees] ;
   	add_video_MS_channel[ch] = add_video_MS_channel[room_conferees] ;
   	src_remoteVideoStream[ch] = src_remoteVideoStream[room_conferees]; 
   	add_PeerConnection[ch] = add_PeerConnection[room_conferees];
   	add_video_src[ch] = add_video_MS_channel[ch] ; 
   	remoteVideo[ch].srcObject = src_remoteVideoStream[ch];    
   }
 
   add_video_WS_channel[room_conferees] = 0 ;
   add_video_MS_channel[room_conferees] = 0 ;
   add_video_src[room_conferees] = 0 ; 
   add_PeerConnection[room_conferees] = 0 ;   
   remoteVideo[room_conferees].style.display='none';   
   

} 
//--------------------------------------------------
function show_P2P(){
   add_video_WS_channel[0] = 0 ;
   add_video_MS_channel[0] = 0 ;
   add_video_src[0] = 0 ; 	
   add_video_WS_channel[1] = nb_channel ;
   add_video_MS_channel[1] = nb_channel ;
   add_video_src[1] = add_video_MS_channel[1] ;
   remoteVideo[1].srcObject = src_remoteVideoStream[1] ;
   localVideo.srcObject = src_localVideoStream ;  
   remoteVideo[2].style.display='none'; 
   remoteVideo[3].style.display='none'; 
   remoteVideo[4].style.display='none'; 
  
}
//--------------------------------------------------
function onMessage(evt) { 
   console.log("onMessage:"+evt.data); 
   var data = JSON.parse(evt.data || {});
   if(data.action!='ack' && data.ackid != null) { //need to reply ack in case of ackid exist 
      var ackdata = { 'action': 'ack' };
      ackdata['ackid'] = data.ackid;   
      doSend(JSON.stringify(ackdata));   
   }
   switch(data.action){
   
   	case 'record_status':
		               //{'action':'record_start'} {'action':'record_stop'} //send to MS command 
		               //{'action':'record_status','record_file':'100100472779_51769_001_i.webm','status':'start'} {'action':'record_status','record_file':'100100472779_51769_001_i.webm','status':'stop'} //MS reply on command
		               record_file=data.record_file;
		               record_medium=data.medium;
		               
		               //video/20161130/148057497147349_3505_002_i.webm
		               //audio/20161130/148067378147230_001.wav
		               break ;
   
	case 'login':
	//alert("login");
	      	start();  
	      	//localVideo.muted = "muted" ;
	      break;
	case 'alert':
	      	nb_channel = data.channel;
	      break ;
	case 'offer':
	        medium     = data.medium;//audio or video
		offer_sdp  = data.offer;
		nb_channel = data.channel;
		dialogid   = data.dialogid;
		ref        = data.ref;
		caller     = data.caller;
		callee     = data.callee;
		H264_Change_Flag=0;
		console.log("offer: medium="+medium+" channel="+nb_channel+" caller="+caller+" callee="+callee); 
		gotRemoteOffer(new window.RTCSessionDescription(offer_sdp));
		room_conferees = 2 ;
       		show_P2P();
        		
		//ring();
	      break ;
	case 'showvideo':  
	case 'addvideo':
	        console.log(data.action+" : data.channel="+data.channel+" nb_channel="+nb_channel+" roomid="+data.roomid+" room_conferees="+data.room_conferees+" add_video_WS_channel[1]="+add_video_WS_channel[1]+" add_video_WS_channel[2]="+add_video_WS_channel[2]+" add_video_WS_channel[3]="+add_video_WS_channel[3]+" add_video_WS_channel[4]="+add_video_WS_channel[4]);
		room_conferees = data.room_conferees;
		room_id=data.roomid;
		var ch = 0 ;
	        if( data.channel == add_video_WS_channel[1] ) ch=1;
	        else if( data.channel == add_video_WS_channel[2] )  ch=2;
	        else if( data.channel == add_video_WS_channel[3] )  ch=3;
	        else if( data.channel == add_video_WS_channel[4] )  ch=4;
	        else 
		{
			if(add_video_WS_channel[1] == 0) ch=1 ;
			else if(add_video_WS_channel[2] == 0) ch=2 ;
			else if(add_video_WS_channel[3] == 0) ch=3 ;
			else if(add_video_WS_channel[4] == 0) ch=4 ;
			else 
			{
			   release(data.channel);
			   break ;
			}
		}		 
		remoteVideo[ch].style.display='inline';		
		peer_nickname[ch]=data.nickname;  
		add_dialogid[ch] = data.dialogid;
		add_ref[ch] = data.ref ;
		add_video_WS_channel[ch] = data.channel; //this channel > 512 , gen from WS.lib 
		add_video_MS_channel[ch] = data.peerchannel; //this channel <= REALLINES , from MS 
		add_video_src[ch] = add_video_MS_channel[ch] ;
		
		
		if(data.action == 'addvideo')
		   gotRemoteAddVideoStream(ch, new window.RTCSessionDescription(data.offer));
		else
		{
		   src_remoteVideoStream[ch] = src_remoteVideoStream[0];
		   if(room_conferees==2)
		   {
   		      remoteVideo[1].srcObject = src_remoteVideoStream[1] ;
   		      localVideo.srcObject = src_localVideoStream ;  
		   }		   
		}
		   
		//if(ch == 2) {
		//   notify_MS_view_channel(nb_channel,0); //force MS send only video of main channel
		//}
		

		 		   
 	      break ;
	case 'delvideo':
	case 'hidevideo':
	       console.log(data.action+" : data.channel="+data.channel+" nb_channel="+nb_channel+" roomid="+data.roomid+" room_conferees="+data.room_conferees+" add_video_WS_channel[1]="+add_video_WS_channel[1]+" add_video_WS_channel[2]="+add_video_WS_channel[2]+" add_video_WS_channel[3]="+add_video_WS_channel[3]+" add_video_WS_channel[4]="+add_video_WS_channel[4]);
	       room_conferees = data.room_conferees;
	       room_id=data.roomid;
	       var ch=0 ;	
	       if( data.channel == add_video_WS_channel[1] ) ch=1;
	       else if( data.channel == add_video_WS_channel[2] )  ch=2;
	       else if( data.channel == add_video_WS_channel[3] )  ch=3;
	       else if( data.channel == add_video_WS_channel[4] )  ch=4;
	       else break;
	       if(ch==0) break ;
	       if(data.action == 'delvideo')
	       {
	          release(data.channel);
	       }	       
	       clear_video_channel(ch,room_conferees);
	       break ;
 
 	     break; 
	case 'roominfo': // {"action":"roominfo","dialogid":0,"ref":0,"callee":0,"channel":"1","rooms":32,"r1":0,"r2":0,"r3":0,"r4":0,"r5":0,"r6":0,"r7":0,"r8":0,"r9":0,"r10":0,"r11":0,"r12":0,"r13":0,"r14":0,"r15":0,"r16":0,"r17":1,"r18":0,"r19":0,"r20":0,"r21":0,"r22":0,"r23":0,"r24":0,"r25":0,"r26":0,"r27":0,"r28":0,"r29":0,"r30":0,"r31":0,"r32":0}	
	     if(room_id==0) break ;
	     var original_room_conferees=room_conferees;
	     switch (room_id)
	     {
	        case 1 : room_conferees = data.r1; break ;
	        case 2 : room_conferees = data.r2; break ;
	        case 3 : room_conferees = data.r3; break ;
	        case 4 : room_conferees = data.r4; break ;
	        case 5 : room_conferees = data.r5; break ;
	        case 6 : room_conferees = data.r6; break ;
	        case 7 : room_conferees = data.r7; break ;
	        case 8 : room_conferees = data.r8; break ;
	        case 9 : room_conferees = data.r9; break ;
	        case 10 : room_conferees = data.r10; break ;
	        case 11 : room_conferees = data.r11; break ;
	        case 12 : room_conferees = data.r12; break ;
	        case 13 : room_conferees = data.r13; break ;
	        case 14 : room_conferees = data.r14; break ;
	        case 15 : room_conferees = data.r15; break ;
	        case 16 : room_conferees = data.r16; break ;
	        case 17 : room_conferees = data.r17; break ;
	        case 18 : room_conferees = data.r18; break ;
	        case 19 : room_conferees = data.r19; break ;
	        case 20 : room_conferees = data.r20; break ;
	        case 21 : room_conferees = data.r21; break ;
	        case 22 : room_conferees = data.r22; break ;
	        case 23 : room_conferees = data.r23; break ;
	        case 24 : room_conferees = data.r24; break ;
	        case 25 : room_conferees = data.r25; break ;
	        case 26 : room_conferees = data.r26; break ;
	        case 27 : room_conferees = data.r27; break ;
	        case 28 : room_conferees = data.r28; break ;
	        case 29 : room_conferees = data.r29; break ;
	        case 30 : room_conferees = data.r30; break ;
	        case 31 : room_conferees = data.r31; break ;
	        case 32 : room_conferees = data.r32; break ;	        
	     }
	     if(room_conferees != original_room_conferees)
	     {
	       
	        console.log(data.action+" : room_conferees="+room_conferees+" != original_room_conferees="+original_room_conferees); 
	        room_conferees = original_room_conferees ;
	        query_MS_room_channel(nb_channel,room_id);
	     }
	     break ;      	      
	case 'roomchannel': // {"action":"roomchannel","room_id":17,"room_conferees":3,"room_channels":"12,15,23"}  //not include self nb_channel
		console.log(data.action+" : original_room_conferees="+room_conferees+" real_conferees="+(data.room_conferees+1)+" room_id="+data.room_id+" room_channels="+data.room_channels); 
	        if( room_conferees > (data.room_conferees+1) ) //not match
		{
		    var ch;
		    var j;
		    for(ch=1 ; ch<room_conferees ; ch++)
		    {
		      for(j=0 ; j<data.room_conferees ; j++)
		      {
		         if(add_video_MS_channel[ch] == data.room_channels[j]) break ;
		      }
		      if(j>=data.room_conferees) //not found 
		      {
		         room_conferees = room_conferees-1;
		         clear_video_channel(ch,room_conferees); 
		      }    
		    }
		    room_conferees = data.room_conferees+1 ;
		}
	        if( room_conferees < (data.room_conferees+1) ) //not match
	        {
	           hangup();
	        }
		
	     break ;
	case 'my_resolution':
		//tempAlert( "my_resolution : "+data.width+"x"+data.height,30000);
		if(data.width>0)
		   tempAlert( "L: "+data.width+"x"+data.height+"  AB="+data.audio_bitrate+"  VB="+data.video_bitrate+"  FR="+data.framerate+"  Jit="+data.jitter+"  Los="+data.packetloss,30000);
		else
		   tempAlert( "L:  AB="+data.audio_bitrate+"  VB="+data.video_bitrate+"  FR="+data.framerate+"  JIT="+data.jitter+"  LOS="+data.packetloss,30000);
	     break ;
	case 'peer_resolution':
		//tempAlert( "my_resolution : "+data.width+"x"+data.height,30000);
		if(data.width>0)
		   tempAlert_R( "R: "+data.width+"x"+data.height+"  AB="+data.audio_bitrate+"  VB="+data.video_bitrate+"  FR="+data.framerate+"  Jit="+data.jitter+"  Los="+data.packetloss,30000);
		else
		   tempAlert_R( "R:  AB="+data.audio_bitrate+"  VB="+data.video_bitrate+"  FR="+data.framerate+"  JIT="+data.jitter+"  LOS="+data.packetloss,30000);
		
	     break ;	     
	case 'peerdata':
		console.log(data.action+" : peerchannel="+data.peerchannel+" nickname="+data.nickname+" type="+data.type+" data="+data.peerdata);
		//tempAlert(data.nickname+" : "+data.peerdata,4000);
		tempAlert_R( "Remote : "+data.peerdata,4000);
 
 		              if(data.peerdata == "H264") //change video to H264
		              {
		                 H264_Change_Flag=1;
		                 hangup();
		                 break ;
		              }
		
	       if( data.channel == add_video_WS_channel[1] ) ch=1;
	       else if( data.channel == add_video_WS_channel[2] )  ch=2;
	       else if( data.channel == add_video_WS_channel[3] )  ch=3;
	       else if( data.channel == add_video_WS_channel[4] )  ch=4;		 
	       else ch=0;
	       peer_nickname[ch]=data.nickname;   
	       
	       if(data.peerdata == "Join") 
	       {
	         //audio_dindong.play();
	         if(room_conferees>=3) change_view(ch);
	       }	           
	      break;			      
	case 'message' :
	      //tempAlert_R(data.message,5000);
	      
			        
			        if(data.messageid == "510") // 510  Unable to transfer your voice. Please check your microphone.
			          {
			             hangup_only();
			             alert("告警訊息 ! 系統沒有收到麥克風的聲音,請關閉瀏覽器,再試撥一次,謝謝.");
			             release_media_resource();
			             window.close();  
			             break ;
			             
			           				             	
			          }	        	      
	      break;	      


	case 'changevideo':
				console.log("changevideo remotePeerConnection: \n" + data.changevideo.sdp);
				localPeerConnection.close();
	     			localPeerConnection = null;  
    			
				offer_sdp=data.changevideo;
		     		gotRemoteOffer(new window.RTCSessionDescription(offer_sdp));
			        break; 	

 
  
	case 'answer':
	        medium     = data.medium;
	        answer_sdp = data.answer;
	        nb_channel = data.channel;
	        H264_Change_Flag=0;
	         
	        console.log("answer: medium="+medium+" channel="+nb_channel); 
		gotRemoteAnswerDescription(new window.RTCSessionDescription(answer_sdp));
		
	        room_conferees = 2;

       		
       		show_P2P();
		 	
				
	      break;
	case 'release':
		release(data.channel);               	
		document.getElementById("call_control").src = "images/but_hangup.png";
		if(ua_family=="Mobile Safari")
		   window.close(); //mark 20180825
		//websocket.close();
		//WebSocket_Start();
		release_media_resource();//add 20180829
	      break;	         
 	case 'ice':
		gotRemoteIceCandidate(data.ice,data.channel);
	      break;  
   }
   
}
  
//--------------------------------------------------
function onError(evt) { 
   console.log("onError:"+evt.data); 
}  
//--------------------------------------------------
function doSend(message) { 
   console.log("SENT: " + message);
   websocket.send(message); 
}  
//--------------------------------------------------
function waitForSocketConnection(socket, callback){
  setTimeout(
     function(){
	 if (socket.readyState === 1) {
	      if(callback !== undefined){
	           callback();
	      }
	      return;
	      } 
	 else {
	       waitForSocketConnection(socket,callback);
	 }
	 }, 5);
} 
 
 
//--------------------------------------------------
function login(userid){
  console.log("login() userid="+userid);  
  var data = { 'action': 'login' ,'ackid':'18934756239','tid':'9992736182346' ,'uid': userid,'nickname':nickname,'phone':userid,'ua_family':user_agent.browser.family,'ua_version':user_agent.browser.version,'ua_os':user_agent.os.name };
  doSend(JSON.stringify(data));     
}
//--------------------------------------------------
function  start2() {
   //alert("start() getUserMedia() camera_front_or_rear="+camera_front_or_rear+" video_input_counts="+video_input_counts+ "audio_input_counts="+audio_input_counts );
   console.log("start() getUserMedia() camera_front_or_rear="+camera_front_or_rear+" video_input_counts="+video_input_counts+ "audio_input_counts="+audio_input_counts );
   var video_constraints = {
		  mandatory: {
		    maxHeight: 640,
		    maxWidth: 640,
		    minHeight: 640,
		    minWidth: 640
		  } 
		  };	


	 
     
  
   var vid=video_input_sourceid_0 ;
   if(video_input_counts>1) {
      if(camera_front_or_rear == 2) //rear
      {
	 vid=video_input_sourceid_1 ; 
         video_constraints = {
		  mandatory: {
		    maxHeight: 1080,
		    maxWidth: 1080,
		    minHeight: 640,
		    minWidth: 480
		  },
		  //optional: [{sourceId: vid}]	  
		 optional: [
		    {sourceId: vid},
		    {minWidth: 320},
		    {minWidth: 480},
		    {minWidth: 540},
		    {minWidth: 640},
		    {minWidth: 720},
		    {minWidth: 1080}
		  ]				     
         };
       //video_constraints = {width: 640, height: 640, facingMode: 'environment'} ;
       //if(ua == "Chrome") video_constraints = {aspectRatio: 1.0 , facingMode: 'environment'} ;
       if(ua == "Chrome") video_constraints = { facingMode: 'environment'} ;
       if(ua == "Mobile") video_constraints = { facingMode: 'environment' }  ;  //for ios	 
       //video_constraints = {width: 640, height: 640, facingMode: 'environment'} ;	
        	 
      }
      else //front
      {
	 vid=video_input_sourceid_0 ; 
         video_constraints = {
		  mandatory: {
		    maxHeight: 1080,
		    maxWidth: 1080,
		    minHeight: 640,
		    minWidth: 480
		  },
		 optional: [
		    {sourceId: vid},
		    {minWidth: 320},
		    {minWidth: 480},
		    {minWidth: 540},
		    {minWidth: 640},
		    {minWidth: 720}
	    
		  ]				    
         };
         //Video_constraints = {width: 640, height: 640, facingMode: 'user'} ;	 
         if(ua == "Chrome")   video_constraints = { facingMode: 'user' }  ;
         //if(ua == "Chrome")   video_constraints = { aspectRatio: 1.0 ,  facingMode: 'user' }  ;
         if(ua == "Mobile") video_constraints = {facingMode: 'user'} ;	 
         // video_constraints = {width: 640, height: 640, facingMode: 'user'} ;	 
      }
   }		

     
   navigator.mediaDevices.getUserMedia({audio:true, video:video_constraints}).then(function(vstream) {
   
       mediaStreamGot(vstream);
   } )
 
   .catch(function(error) {
      console.log("getUserMedia video error: "+ error + "error.name:" + error.name);
      //alert( error + " => Please use chrome/firefox/safari/edge/opera");
      //alert("getUserMedia video error-1: "+ error + " video_input_counts:" + video_input_counts);
      
      change_video_constraints_get_again();
      
   })    
}
//------------------------------------------------
//--------------------------------------------------
function  start() {
 //alert("start() getUserMedia() camera_front_or_rear="+camera_front_or_rear+" video_input_counts="+video_input_counts+ "audio_input_counts="+audio_input_counts );
   console.log("start() getUserMedia() camera_front_or_rear="+camera_front_or_rear+" video_input_counts="+video_input_counts+ "audio_input_counts="+audio_input_counts );
   var video_constraints = {
		  mandatory: {
		    maxHeight: 640,
		    maxWidth: 640,
		    minHeight: 480,
		    minWidth: 480
		    //maxFrameRate: 30
		  } 
		  };	

  
   var vid=video_input_sourceid_0 ;
   if(video_input_counts>1) {
      if(camera_front_or_rear == 2) //rear
      {
	 vid=video_input_sourceid_1 ; 
         video_constraints = {
		  mandatory: {
		    maxHeight: 640,
		    maxWidth: 640,
		    minHeight: 480,
		    minWidth: 480
		    //maxFrameRate: 30
		  },
		 optional: [{sourceId: vid}]	  
	     
         };
        if(ua == "Mobile") video_constraints = {  	 
 		    maxHeight: 640,
		    maxWidth: 640,
		    minHeight: 480,
		    minWidth: 480,
		    //maxFrameRate: 30 ,
		    facingMode: 'environment'       
        	 };
      }
      else //front
      {
	 vid=video_input_sourceid_0 ; 
         video_constraints = {
		  mandatory: {
		    maxHeight: 640,
		    maxWidth: 640,
		    minHeight: 480,
		    minWidth: 480
		   // maxFrameRate: 30
		  },
		  optional: [{sourceId: vid}]	
		    
         };
         if(ua == "Mobile") video_constraints = {
		    maxHeight: 640,
		    maxWidth: 640,
		    minHeight: 480,
		    minWidth: 480,
		    //maxFrameRate: 30 ,
         	    facingMode: 'user'
         	} ;	 

      }
   }		

   var audio_constraints ={
          optional: [{sourceId: audio_id }]	     
       };
 // alert("getUserMedia");
   navigator.mediaDevices.getUserMedia({audio:true, video:true}).then(function(vstream) {
   //navigator.mediaDevices.getUserMedia({audio:audio_constraints, video:video_constraints}).then(function(vstream) {
    
       mediaStreamGot(vstream);
   } )
 
   .catch(function(error) {
      console.log("getUserMedia video error: "+ error + "error.name:" + error.name);
      //alert( error + " => Please use chrome/firefox/safari/edge/opera");
      //alert("getUserMedia video error-1: "+ error + " video_input_counts:" + video_input_counts);
      
      change_video_constraints_get_again();
      
   })    
}

//--------------------------------------------------
function change_video_constraints_get_again() {
   var video_constraints = {
		  mandatory: {
		    maxHeight: 1280,
		    maxWidth: 1280,
		    minHeight: 480,
		    minWidth: 240
		  },
		  optional: []	     
   };  
  
   var vid=video_input_sourceid_0 ;
   if(video_input_counts>1) {
      if(camera_front_or_rear == 2) //rear
	 vid=video_input_sourceid_1 ; 
      else //front
	 vid=video_input_sourceid_0 ; 
      video_constraints = {
		  mandatory: {
		    maxHeight: 1280,
		    maxWidth: 1280,
		    minHeight: 480,
		    minWidth: 240
		  },
		  optional: [{sourceId: vid}]	     
      };
   }		     
   navigator.mediaDevices.getUserMedia({audio:true, video:video_constraints}).then(function(vstream) {
      mediaStreamGot(vstream);
   } )
 
   .catch(function(error) {
     // alert("change_video_constraints_get_again() !! getUserMedia video error-2: "+ error + " error.name:" + error.name);
  
      
   })    
}


function videoStreamGot(stream){
  trace("Received local video stream");
  
  audioTracks = stream.getAudioTracks()[0];
  //if(audioTracks[0]) MuteMicrophoneButton.disabled = false;
  if(audioTracks) MuteMicrophoneButton.disabled = false;
  else MuteMicrophoneButton.disabled = true;
  
  videoTracks = stream.getVideoTracks()[0];  
  //if(videoTracks[0]) MuteCameraButton.disabled = false;
  if(videoTracks) MuteCameraButton.disabled = false;
  else MuteCameraButton.disabled = true;
  
  
  //localVideo.src = URL.createObjectURL(stream); //chg as follows for safari
  localVideo.setAttribute('playsinline', '');
  localVideo.srcObject =  stream ; 
  
  localVideoStream = stream;
  
   localStream=stream;
   src_localVideoStream = stream;
  
    vcall();
   
}
//--------------------------------------------------
function mediaStreamGot(stream){
  console.log("mediaStreamGot() local audio & video stream");
  
   
  audioTracks = stream.getAudioTracks()[0];
// audioTracks = stream.getAudioTracks();
  localAudio.srcObject =  stream ;
 
 
 
  videoTracks = stream.getVideoTracks()[0];   
 //videoTracks = stream.getVideoTracks();  
  localVideo.setAttribute('playsinline', '');
  localVideo.srcObject =  stream ;
 
  localStream=stream;
  src_localVideoStream = stream;
   
  GetLastMicrophone();
  GetLastvolume();  
  
  
  vcall3();
  
}
//--------------------------------------------------
function stoplocalStreamTrack(){
   localStream.getAudioTracks().forEach(function(track) {
            track.stop();
   });
   localStream.getVideoTracks().forEach(function(track) {
            track.stop();
   });
}
//--------------------------------------------------
function videoSwitchStream2(){
   console.log("videoSwitchStream() video_input_counts="+video_input_counts+" camera_front_or_rear="+camera_front_or_rear);  
   var vid=video_input_sourceid_0 ;
   var video_constraints;
   if(video_input_counts>1) {
      if(camera_front_or_rear == 2) //rear
      {
	 vid=video_input_sourceid_1 ; 
         video_constraints = {
		  mandatory: {
		    maxHeight: 1080,
		    maxWidth: 1080,
		    minHeight: 640,
		    minWidth: 480
		  },
		 // optional: [{sourceId: vid}]	 
		 optional: [
		    {sourceId: vid},
		    {minWidth: 320},
		    {minWidth: 480},
		    {minWidth: 540},
		    {minWidth: 640},
		    {minWidth: 720},
		    {minWidth: 1080}	
		  ]  	     
         };
         //if(ua == "Chrome")   video_constraints = { aspectRatio: 1.0 ,facingMode: 'environment' }  ;	 
         if(ua == "Chrome")   video_constraints = { facingMode: 'environment' }  ;	 
         //if(ua == "Mobile")   video_constraints = {width: 640, height: 720, facingMode: "environment"} ;	 
         if(ua == "Mobile") video_constraints = { facingMode: 'environment'} ;	 
      }
      else //front
      {
	 vid=video_input_sourceid_0 ; 
         video_constraints = {
		  mandatory: {
		    maxHeight: 1080,
		    maxWidth: 1080,
		    minHeight: 640,
		    minWidth: 480
		  },
		  //optional: [{sourceId: vid}]	    
		 optional: [
		    {sourceId: vid},
		    {minWidth: 320},
		    {minWidth: 480},
		    {minWidth: 540},
		    {minWidth: 640},
		    {minWidth: 720}	
		  ]  	   
         };
         //if(ua == "Chrome")   video_constraints = {aspectRatio: 1.0 , facingMode: 'user' }  ;
         if(ua == "Chrome")   video_constraints = { facingMode: 'user' }  ;
         //if(ua == "Mobile")   video_constraints = {width: 640, height: 720, facingMode: "user"} ;	 
         if(ua == "Mobile") video_constraints = { facingMode: 'user'} ;	 
      }
   }
   else
   {
     return;
   }	
  
  localStream.getVideoTracks().forEach(function(track) {
      track.stop();
  });  

      	     
 
      	     
   //navigator.mediaDevices.getUserMedia({audio:true, video:video_constraints}).then(function(vstream) {
   navigator.mediaDevices.getUserMedia({audio:false, video:video_constraints}).then(function(vstream) {
      videoSwitchStreamGot(vstream);
   } ) 
   .catch(function(error) {
alert("videoSwitchStream getUserMedia video error3: "+ error + "error.name:" + error.name);
      
     change_video_constraints_switch_get_again();
   })   

}
//----------------------------------------------------
function videoSwitchStream(){
   console.log("videoSwitchStream() video_input_counts="+video_input_counts+" camera_front_or_rear="+camera_front_or_rear);  
   var vid=video_input_sourceid_0 ;
   var video_constraints;
   if(video_input_counts>1) {
      if(camera_front_or_rear == 2) //rear
      {
	 vid=video_input_sourceid_1 ; 
         video_constraints = {
		  mandatory: {
		    maxHeight: 640,
		    maxWidth: 640,
		    minHeight: 480,
		    minWidth: 480
		    //maxFrameRate: 30
		  },
		 optional: [{sourceId: vid}]	  
	     
         };
         if(ua == "Mobile") video_constraints = { 
		    maxHeight: 640,
		    maxWidth: 640,
		    minHeight: 480,
		    minWidth: 480,
		    //maxFrameRate: 30 ,
		    facingMode: 'environment',       
          } ;	 
      }
      else //front
      {
	 vid=video_input_sourceid_0 ; 
         video_constraints = {
		  mandatory: {
		    maxHeight: 640,
		    maxWidth: 640,
		    minHeight: 480,
		    minWidth: 480
		   // maxFrameRate: 30
		  },
		 optional: [{sourceId: vid}]	  
	     
         };
          if(ua == "Mobile") video_constraints = { 
		    maxHeight: 640,
		    maxWidth: 640,
		    minHeight: 480,
		    minWidth: 480,
		    //maxFrameRate: 30 ,
          	   facingMode: 'user'
          } ;	 
      }
   }
   else
   {
     return;
   }	
  
  localStream.getVideoTracks().forEach(function(track) {
      track.stop();
  });  
//  localStream.getAudioTracks().forEach(function(track) {
//      track.stop();
//  });   
      	     
 
      	     
   //navigator.mediaDevices.getUserMedia({audio:true, video:video_constraints}).then(function(vstream) {
   navigator.mediaDevices.getUserMedia({audio:false, video:video_constraints}).then(function(vstream) {
      videoSwitchStreamGot(vstream);
   } ) 
   .catch(function(error) {
      //alert("videoSwitchStream getUserMedia video error3: "+ error + "error.name:" + error.name);
      
     change_video_constraints_switch_get_again();
   })   

}

//--------------------------------------------------
function change_video_constraints_switch_get_again(){
   console.log("videoSwitchStream() video_input_counts="+video_input_counts+" camera_front_or_rear="+camera_front_or_rear);  
   var vid=video_input_sourceid_0 ;
   var video_constraints;
   if(video_input_counts>1) {
      if(camera_front_or_rear == 2) //rear
	 vid=video_input_sourceid_1 ; 
      else //front
	 vid=video_input_sourceid_0 ; 
      video_constraints = {
		  mandatory: {
		    maxHeight: 1280,
		    maxWidth: 1280,
		    minHeight: 480,
		    minWidth: 240
		  },
		  optional: [{sourceId: vid}]	     
      };
   }
   else
   {
     return;
   }	
  
  localStream.getVideoTracks().forEach(function(track) {
      track.stop();
  });  
  
   

     	     
   //navigator.mediaDevices.getUserMedia({audio:true, video:video_constraints}).then(function(vstream) {
   navigator.mediaDevices.getUserMedia({audio:false, video:video_constraints}).then(function(vstream) {
      videoSwitchStreamGot(vstream);
   } ) 
   .catch(function(error) {
      //alert("videoSwitchStream getUserMedia video again error: "+ error + "error.name:" + error.name);
   })   
}


//add 20180829 -------------for ios safari cannot reload page 當回到桌面再打開時 ------------------------------------------
function release_media_resource()
{
  console.log("release_media_resource() localStream="+localStream+" localPeerConnection="+localPeerConnection+" videoSender="+videoSender+" audioSender="+audioSender);  
  if(localStream==0) return ;
  localStream.getVideoTracks().forEach(function(track) {
      track.stop();
  });  
  localStream.getAudioTracks().forEach(function(track) {
      track.stop();
  });
  localStream=0 ;
  if(localPeerConnection==null) return ;
  
  return ; //add 20181133
  
  
  if(videoSender) localPeerConnection.removeTrack(videoSender); 
  videoSender=0 ;
  if(audioSender) localPeerConnection.removeTrack(audioSender);  
  audioSender=0 ;
  
}


//--------------------------------------------------
function videoSwitchStreamGot(stream){
  console.log("videoSwitchStreamGot local media stream");  
 // alert("videoSwitchStreamGot local media stream");  
  
 // if(videoSender) localPeerConnection.removeTrack(videoSender); //mark 20190222
  localStream = stream; // add 20190222 no use for video stop sending 
  stream.getVideoTracks().forEach(function(track) {
      localStream.addTrack(track);     
      videoSender.replaceTrack(track); //add 20190222 ; it does work ! important !
  });  
    
  videoTracks = stream.getVideoTracks()[0];  
  localVideo.setAttribute('playsinline', '');
  localVideo.srcObject =  stream ;
 
  src_localVideoStream = stream; 
  
 // videoSender=localPeerConnection.addTrack(videoTracks,src_localVideoStream); //mark 20190222
  
  //localPeerConnection.createOffer(gotLocalOfferDescription_Switch,handleError); //mark 20190222
  
 }
 
//--------------------------------------------------
function gotLocalOfferDescription_Switch(description){
   localPeerConnection.setLocalDescription(description);
   console.log("gotLocalOfferDescription_Switch: \n" + description.sdp);
   
   localPeerConnection.setRemoteDescription(remote_description);
}


    
//--------------------------------------------------
function vcall3() {
  console.log("vcall3() : caller="+caller+" callee="+callee+" H264_Change_Flag="+H264_Change_Flag); 
 // alert("vcall3() : caller="+caller+" callee="+callee+" H264_Change_Flag="+H264_Change_Flag); 

  reset_display();
  
  remoteVideo[1].style.display='inline'; //none 
  localVideo.style.display='inline'; //none   
  
 
  
  room_id=0;
  
  
  
  var random_number=100000000*Math.random();
  dialogid=Math.round(random_number);
  random_number=10000000*Math.random();
  ref=Math.round(random_number);  
  
  
 
 offer_sdp = { 'action': 'offer','dialogid':dialogid,'location_ip':location_ip,'audio':'PCMU','bitrate':vbr,'module':'LV','camera_info':camera_info,'ref':ref,'channel':'0','record':1,'medium':2,'caller':callid,'suid':userid,'nickname':nickname,'ua_family':user_agent.browser.family,'ua_version':user_agent.browser.version,'ua_os':user_agent.os.name,'calleeinfo':{'phone':roomkey,'p2p':1,'eauserid':0,'lifetime':6000,'tuid':roomkey,'roomkey':roomkey}};
 //offer_sdp = { 'action': 'offer','dialogid':dialogid,'location_ip':location_ip,'bitrate':vbr,'module':'LV','camera_info':camera_info,'ref':ref,'channel':'0','record':1,'medium':2,'caller':callid,'suid':userid,'nickname':nickname,'ua_family':user_agent.browser.family,'ua_version':user_agent.browser.version,'ua_os':user_agent.os.name,'calleeinfo':{'phone':roomkey,'p2p':1,'eauserid':0,'lifetime':6000,'tuid':roomkey,'roomkey':roomkey}};
  	
  	
  
  	
  localPeerConnection = new RTCPeerConnection(servers);
  localPeerConnection.onicecandidate = gotLocalIceCandidate;
  localPeerConnection.oniceconnectionstatechange = gotIceConnectStateChange ;
  localPeerConnection.onsignalingstatechange = gotSignalingStateChange ;
  //localPeerConnection.onaddstream = gotRemoteStream;
 
  localPeerConnection.ontrack = gotRemoteTrack;
 
   
  audioSender=localPeerConnection.addTrack(audioTracks,localStream); //20180822
  videoSender=localPeerConnection.addTrack(videoTracks,localStream); //20180822
  
console.log("videoSender="+videoSender+" videoTracks="+videoTracks); 
 //localPeerConnection.createOffer(gotLocalOfferDescription,handleError);  
 
 //change as follows 20190411 for new version safari !!!!
 localPeerConnection.createOffer().then(function(offer) { 
    return localPeerConnection.setLocalDescription(offer);
  })
  .then(function() {
 
     offer_sdp['offer'] = localPeerConnection.localDescription;
     doSend(JSON.stringify(offer_sdp));      
  })
  .catch(function(reason) {
    // An error occurred, so handle the failure to connect
  });
 
 
 
 
   
}
//--------------------------------------------------
function gotRemoteOffer(description) {
 //alert("gotRemoteOffer");
//  console.log("Remote "+" call coming ..........");
//  localStream=localVideoStream;
//alert("gotRemoteOffer");
  localPeerConnection = new RTCPeerConnection(servers);
  console.log("Created local peer connection object localPeerConnection");
  localPeerConnection.onicecandidate = gotLocalIceCandidate;
  localPeerConnection.oniceconnectionstatechange = gotIceConnectStateChange ; 
  localPeerConnection.onsignalingstatechange = gotSignalingStateChange ;  

  //localPeerConnection.onaddstream = gotRemoteStream;
 // if(ua == "Mobile")
     localPeerConnection.ontrack = gotRemoteTrack;
  //else
     //localPeerConnection.onaddstream = gotRemoteStream;
  localPeerConnection.addStream(localStream);
  console.log("gotRemoteOffer() Added localStream to localPeerConnection");
  console.log(" localPeerConnection.setRemoteDescription(description) ...");
  localPeerConnection.setRemoteDescription(description);
  remote_description = description ;
  localPeerConnection.createAnswer(gotLocalAnswerDescription,handleError);
  //console.log(" localPeerConnection.createAnswer(gotLocalAnswerDescription,handleError) ...");
   
}
//--------------------------------------------------
function gotLocalAnswerDescription(description){
  localPeerConnection.setLocalDescription(description);
  console.log("Answer from localPeerConnection: \n" + description.sdp);
  var data = { 'action': 'answer','ua_family':user_agent.browser.family,'ua_version':user_agent.browser.version,'ua_os':user_agent.os.name  };
  data['channel'] = nb_channel; 
  data['answer'] = description;
  data['dialogid'] = dialogid;
  data['ref'] = ref;
  //data['nickname'] = nickname;
  doSend(JSON.stringify(data));  
}
//--------------------------------------------------
function gotSignalingStateChange(evt) {

   //console.log("Signaling state change: " + evt.target.signalingState +" H264_Change_Flag="+H264_Change_Flag );
   if(evt.target.signalingState=='closed' && H264_Change_Flag==1)
   {
   //alert("..gotSignalingStateChange..");
        start();
   }
} 
//--------------------------------------------------
function gotIceConnectStateChange(evt) {
   //console.log("ICE connection state change: " + evt.target.iceConnectionState);
} 
//--------------------------------------------------
function gotLocalOfferDescription(description){

 //alert("..1.."); 
   localPeerConnection.setLocalDescription(description);
 //alert("..2..");    
   console.log("Offer from localPeerConnection: \n" + description.sdp);
 //alert("..3..");    
   offer_sdp['offer'] = description;
 //alert("..4..");   
  
   doSend(JSON.stringify(offer_sdp));  
}
//--------------------------------------------------
function gotRemoteAnswerDescription(description){  
  console.log("Answer from remotePeerConnection: " + description.sdp);
   
  localPeerConnection.setRemoteDescription(description);
  remote_description = description ;
}

//--------------------------------------------------
function gotRemoteAddVideoStream(ch,description) { 
  console.log("gotRemoteAddVideoStream() ch="+ch+" sdp=\n" + description.sdp);
  if(add_PeerConnection[ch] == 0) {
     console.log("gotRemoteAddVideoStream() add_PeerConnection " );
     add_PeerConnection[ch] = new RTCPeerConnection(servers);
     add_PeerConnection[ch].onicecandidate = gotAddIceCandidate(ch);
     add_PeerConnection[ch].oniceconnectionstatechange = gotIceConnectStateChange ; 
     add_PeerConnection[ch].onsignalingstatechange = gotSignalingStateChange ; 
     add_PeerConnection[ch].setRemoteDescription(description);
     if(ch==2)
     {
       add_PeerConnection[ch].onaddstream = gotAddRemoteStream2;
       add_PeerConnection[ch].createAnswer(gotAddAnswerDescription2,handleError);
     }
     if(ch==3)
     {
       add_PeerConnection[ch].onaddstream = gotAddRemoteStream3;
       add_PeerConnection[ch].createAnswer(gotAddAnswerDescription3,handleError);
     }
     if(ch==4)
     {
       add_PeerConnection[ch].onaddstream = gotAddRemoteStream4;
       add_PeerConnection[ch].createAnswer(gotAddAnswerDescription4,handleError);
     }          
  }
}
//--------------------------------------------------
function gotAddIceCandidate(event){
  console.log("gotAddCandidate()");    
}
//--------------------------------------------------
function gotAddRemoteStream2(event){ 
  console.log("gotAddRemoteStream2()");  
//  if(remoteVideo[2].src) URL.revokeObjectURL(remoteVideo[2].src);
  remoteVideo[2].srcObject = event.stream;
  src_remoteVideoStream[2] = remoteVideo[2].srcObject ;
//  change_view(2);
}
//--------------------------------------------------
function gotAddRemoteStream3(event){ 
  console.log("gotAddRemoteStream3()");  
//  if(remoteVideo[3].src) URL.revokeObjectURL(remoteVideo[3].src);
  remoteVideo[3].srcObject = event.stream;
  src_remoteVideoStream[3] = remoteVideo[3].srcObject ;
//  change_view(3);
}
//--------------------------------------------------
function gotAddRemoteStream4(event){ 
  console.log("gotAddRemoteStream4()");  
//  if(remoteVideo[4].srcObject) URL.revokeObjectURL(remoteVideo[4].src);
  remoteVideo[4].srcObject = event.stream;
  src_remoteVideoStream[4] = remoteVideo[4].srcObject ;
//  change_view(4);
}
//--------------------------------------------------
function gotAddAnswerDescription2(description){
   sendAddAnswerDescription(2,description);
}
//--------------------------------------------------
function gotAddAnswerDescription3(description){
   sendAddAnswerDescription(3,description);
}
//--------------------------------------------------
function gotAddAnswerDescription4(description){
   sendAddAnswerDescription(4,description);
}
//--------------------------------------------------
function sendAddAnswerDescription(ch,description){
  add_PeerConnection[ch].setLocalDescription(description);
  console.log("sendAddAnswerDescription() ch="+ch+" sdp: \n" + description.sdp);
  var data = { 'action': 'answer','ua_family':user_agent.browser.family,'ua_version':user_agent.browser.version,'ua_os':user_agent.os.name };
  data['channel'] = add_video_WS_channel[ch];
  data['dialogid'] = add_dialogid[ch];
  data['ref'] = add_ref[ch];  
  data['answer'] = description;
  doSend(JSON.stringify(data));  
  
}
//--------------------------------------------------
function setRemoteDescriptionError(error) {
  console.log("!!!!!!!!setRemoteDescription() "+error.name + ": " + error.message);
}
//--------------------------------------------------
 
function gotRemoteTrack(event){  
 
  if( remoteVideo[1].srcObject ) return ;
  remoteVideo[1].setAttribute('playsinline', '');
  remoteVideo[1].srcObject = event.streams[0];
  src_remoteVideoStream[0] = remoteVideo[1].srcObject; //for showvideo
 
  src_remoteVideoStream[1] = remoteVideo[1].srcObject ;
 
  local_view_ch=0;
  console.log("Received remote track");
 
}
//--------------------------------------------------
function gotRemoteStream(event){  
//alert("gotRemoteStream");
  remoteVideo[1].setAttribute('playsinline', '');
  remoteVideo[1].srcObject = event.stream;
  src_remoteVideoStream[0] = remoteVideo[1].srcObject; //for showvideo
 
  src_remoteVideoStream[1] = remoteVideo[1].srcObject ;
 
  local_view_ch=0;
  console.log("Received remote stream");
}
//--------------------------------------------------
function gotLocalIceCandidate(event){
   //console.log("ICE connection state: " + localPeerConnection.iceConnectionState);  
return ;//need not send ice to MS  
   if (event.candidate === null) {
  	console.log("gotLocalIceCandidate ==NULL \n"  );
   }
    
   if (event.candidate) {
    console.log("Local ICE candidate: \n" + event.candidate.candidate);
    var data = { 'action': 'ice' };
    data['channel'] = nb_channel;
    data['dialogid'] = dialogid;
    data['ref'] = ref;        
    data['ice'] = event.candidate;
    doSend(JSON.stringify(data));  
  }
}
//--------------------------------------------------
function gotRemoteIceCandidate(event,channel){
  if(event) { 
    if(channel == nb_channel) {
      localPeerConnection.addIceCandidate(new RTCIceCandidate(event));
      console.log("Remote ICE candidate: \n " + event.candidate);
      console.log("ICE connection state: " + localPeerConnection.iceConnectionState);  
    }
    else
    {
      if(channel == add_video_WS_channel[2])
      {
        add_PeerConnection[2].addIceCandidate(new RTCIceCandidate(event));
       }
      else if(channel == add_video_WS_channel[3])
      {
        add_PeerConnection[3].addIceCandidate(new RTCIceCandidate(event));
       }
      else
      {
        add_PeerConnection[4].addIceCandidate(new RTCIceCandidate(event));
      }      
    }    
  }
}
//--------------------------------------------------
function handleError(){
   console.log("handleError() !!!!!!!!!!!!!! " );
   alert("handleError() !!!!!!!!!!!!!! " );
}
//--------------------------------------------------
function hangup_only() {
   console.log("hangup_only()");
   reset_display();      
   
   if(nb_channel>0) {
	console.log("hangup call nb_channel="+nb_channel);
	send_PeerData(0,"indication","Leave");
	var data = { 'action': 'release' , 'release' : 'normal hangup' };
	data['dialogid'] = dialogid;
	data['ref'] = ref;  
	data['channel'] = nb_channel;   
	data['cause'] = 16 ;
	data['causestring'] = "normal release";
	doSend(JSON.stringify(data));    
	stoplocalStreamTrack();
//	localVideo.src=0;
	release_media_resource();//add 20180829
	localPeerConnection.close();
	localPeerConnection = null;  
	add_video_src[1]=0;
	nb_channel=0;
	room_id=0;       
   }  
}
function hangup() {
 console.log("hangup() H264_Change_Flag="+H264_Change_Flag);

   if(add_PeerConnection[2] != 0)
   {
     console.log("hangup call add_video_WS_channel[2]="+ add_video_WS_channel[2]);
     remoteVideo[2].style.display='none'; //inline
     add_PeerConnection[2].close();
     add_PeerConnection[2] = 0; 
     add_video_WS_channel[2]=0;
     add_video_src[2]=0;
   }
   if(add_PeerConnection[3] != 0)
   {
     console.log("hangup call add_video_WS_channel[3]="+ add_video_WS_channel[3]);
     remoteVideo[3].style.display='none'; //inline
     add_PeerConnection[3].close();
     add_PeerConnection[3] = 0; 
     add_video_WS_channel[3]=0;
     add_video_src[3]=0;
   }  
   if(add_PeerConnection[4] != 0)
   {
     console.log("hangup call add_video_WS_channel[4]="+ add_video_WS_channel[4]);
     remoteVideo[4].style.display='none'; //inline
     add_PeerConnection[4].close();
     add_PeerConnection[4] = 0; 
     add_video_WS_channel[4]=0;
     add_video_src[4]=0;
   }  
   reset_display();      
   
   if(nb_channel>0) {
	console.log("hangup call nb_channel="+nb_channel);
	send_PeerData(0,"indication","Leave");
	var data = { 'action': 'release' , 'release' : 'normal hangup' };
	data['dialogid'] = dialogid;
	data['ref'] = ref;  
	data['channel'] = nb_channel;   
	data['cause'] = 16 ;
	data['causestring'] = "normal release";
	doSend(JSON.stringify(data));    
	stoplocalStreamTrack();
//	localVideo.src=0;
	release_media_resource();//add 20180829
	localPeerConnection.close();
	localPeerConnection = null;  
	add_video_src[1]=0;
	nb_channel=0;
	room_id=0;
	if(ua_family=="Mobile Safari")	
	   window.close(); //mark 20180824 for ios back to previous page
        
   }  
   
   window.opener=null;
   window.close();  
     
}
//--------------------------------------------------
function release(channel) {
  console.log("remote release call channel="+channel+" ?= nb_channel="+nb_channel);
  if(channel == nb_channel || nb_channel==0) {
     if(localPeerConnection != null) { 
       stoplocalStreamTrack();
//       localVideo.src=0;
       release_media_resource();//add 20180829
       localPeerConnection.close();
       localPeerConnection = null;  
     }
     nb_channel=0; //move here 20160414
     room_id=0;
     
     hangup();
   }
   if(add_PeerConnection[2] != 0 && channel==add_video_WS_channel[2])
   {
     console.log("release call add_video_WS_channel[2]="+ add_video_WS_channel[2]);
     //remoteVideo[2].style.display='none'; //inline
     add_PeerConnection[2].close();
     add_PeerConnection[2] = 0; 
     add_video_WS_channel[2]=0;
   }
   if(add_PeerConnection[3] != 0 && channel==add_video_WS_channel[3])
   {
     console.log("release call add_video_WS_channel[3]="+ add_video_WS_channel[3]);
     //remoteVideo[3].style.display='none'; //inline
     add_PeerConnection[3].close();
     add_PeerConnection[3] = 0; 
     add_video_WS_channel[3]=0;
   }  
   if(add_PeerConnection[4] != 0 && channel==add_video_WS_channel[4])
   {
     console.log("release call add_video_WS_channel[4]="+ add_video_WS_channel[4]);
     //remoteVideo[4].style.display='none'; //inline
     add_PeerConnection[4].close();
     add_PeerConnection[4] = 0; 
     add_video_WS_channel[4]=0;
   }             
}
//--------------------------------------------------
function toggle_camera() {
	//if (videoTracks[0].enabled) {
	if (videoTracks.enabled) {
		mute_camera();
		//setSpeakerphoneOn2(false);
		document.getElementById("camera_control").src = "images/but_video_off.png";
	} else {
		unmute_camera();
		//setSpeakerphoneOn2(true);
		document.getElementById("camera_control").src = "images/but_video_on.png";
	}
}
//--------------------------------------------------
function mute_camera() {	
   console.log("mute_camera()");
   videoTracks.enabled = false;
   //videoTracks[0].enabled = false;
   //change_videobitrate(2000);
   send_PeerData(0,"indication","Video_Mute");
}	
//--------------------------------------------------
function unmute_camera() {	
   console.log("unmute_camera()");
   //videoTracks[0].enabled = true;
   videoTracks.enabled = true;
   //change_videobitrate('unlimited');
   send_PeerData(0,"indication","Video_UnMute");
}
//--------------------------------------------------
function toggle_microphone() {
	//if (audioTracks[0].enabled) {
	
	//if(ua_family=="Mobile Safari") return ; // for ios send nothing when muted 
	
	
	if (audioTracks.enabled) {
		mute_microphone();
		//document.getElementById("mic_control").src = "images/but_mic_off.png";
	} else {
		unmute_microphone();
		//document.getElementById("mic_control").src = "images/but_mic_on.png";
	}
}
//--------------------------------------------------
function mute_microphone() {	
   console.log("mute_microphone()");
   document.getElementById("mic_control").src = "images/but_mic_off.png";
   microphone_mute_state=1;
   SetLastMicrophone();
   //audioTracks[0].enabled = false;  
   audioTracks.enabled = false;  
   send_PeerData(0,"indication","Audio_Mute");   
}	
//--------------------------------------------------
function unmute_microphone() {	
   console.log("unmute_microphone()");
   document.getElementById("mic_control").src = "images/but_mic_on.png";
   microphone_mute_state=0;
   SetLastMicrophone();
   audioTracks.enabled = true;
   //audioTracks[0].enabled = true;
   send_PeerData(0,"indication","Audio_UnMute"); 
}
//--------------------------------------------------
//SpeakerVolume value from 0 ~ 1 , where 0 means silence , 1 means maximum (louder) ,  initial value is 0.5 ,
function ChangeSpeakerVolume(newValue) {
   console.log(" ChangeSpeakerVolume = "+ newValue);
   //document.getElementById("remoteVideo1").volume = newValue;
   speaker_volume=newValue;
   if(speaker_volume==0) speaker_volume=0.01;
   remoteVideo[1].volume = speaker_volume;
   SetLastvolume();
}
//---------------not worked-----------------------------------
function change_videobitrate(bandwidth) {	
  console.log("change_videobitrate() bandwidth="+bandwidth); //100~3000
 
  localPeerConnection.setLocalDescription(localPeerConnection.localDescription)
  .then(function() {
    var desc = localPeerConnection.remoteDescription;
    if (bandwidth === 'unlimited') {
      desc.sdp = removeBandwidthRestriction(desc.sdp);
    } else {
      desc.sdp = updateBandwidthRestriction(desc.sdp, bandwidth);
    }
    console.log('Applying bandwidth restriction to setRemoteDescription:\n' + desc.sdp);
    return localPeerConnection.setRemoteDescription(desc);
  })
  .then(function() {
    //bandwidthSelector.disabled = false;
  })
  .catch(onSetSessionDescriptionError);   
   
   
}
//--------------------------------------------------
function onSetSessionDescriptionError(error) {
  console.log('Failed to set session description: ' + error.toString()); //UDP OK , TCP Error !
}
//--------------------------------------------------
function updateBandwidthRestriction(sdp, bandwidth) {
  if (sdp.indexOf('b=AS:') === -1) {
    // insert b=AS after c= line.
    sdp = sdp.replace(/c=IN IP4 (.*)\r\n/,
                      'c=IN IP4 $1\r\nb=AS:' + bandwidth + '\r\n');
  } else {
    sdp = sdp.replace(/b=AS:(.*)\r\n/, 'b=AS:' + bandwidth + '\r\n');
  }
  return sdp;
}
//--------------------------------------------------
function removeBandwidthRestriction(sdp) {
  return sdp.replace(/b=AS:(.*)\r\n/, '');
}
//--------------------------------------------------
function switch_camera() {	
   console.log("switch_camera() video_input_counts="+video_input_counts+" now_camera="+camera_front_or_rear+" nb_ch="+nb_channel); //camera_front_or_rear: 1=front(default) 2=rear
  //alert("ua="+ua+" switch_camera() video_input_counts="+video_input_counts+" now_camera="+camera_front_or_rear+" nb_ch="+nb_channel); //camera_front_or_rear: 1=front(default) 2=rear
  if(ua == 'Mobile') video_input_counts=2;
   if(video_input_counts<=1) return ;
   
   if(camera_front_or_rear==1) {
      camera_front_or_rear=2; //rear
      send_PeerData(0,"indication","switch camera->rear");
      //document.getElementById("temp_camera_control").src = "images/but_switch.png";
   }else {
      camera_front_or_rear=1; //front
      send_PeerData(0,"indication","switch camera->front");
      //document.getElementById("temp_camera_control").src = "images/but_switch.png";
   }  
   
   SetLastCamera();
   videoSwitchStream();
   return ; 
  
  
   
      
}
//--------------------------------------------------
function toggle_call() {
	if (nb_channel>0) {
		hangup();
	  	document.getElementById("call_control").src = "images/but_hangup.png";
	} else {
		//vcall();
		//if(ua_family=="Mobile Safari" && play_record_flag==1)
                  // window.close(); //add 20180824 for ios back to previous page

		
		start();
	  	document.getElementById("call_control").src = "images/but_hangup_on.png";
	}
}
//--------------------------------------------------
function change_view(vch) {

  console.log("change_view() vch="+vch+" room_conferees="+room_conferees+" WS_ch[1]="+add_video_WS_channel[1]+" WS_ch[2]="+add_video_WS_channel[2]+" WS_ch[3]="+add_video_WS_channel[3]+" WS_ch[4]="+add_video_WS_channel[4]+"\nMS_ch[1]="+add_video_MS_channel[1]+" MS_ch[2]="+add_video_MS_channel[2]+" MS_ch[3]="+add_video_MS_channel[3]+" MS_ch[4]="+add_video_MS_channel[4]);
  notify_MS_view_channel(nb_channel,0); //force MS send only video of main channel
  if(vch==0) //change local view
  {
     if(local_view_ch == 0)
     {
       remoteVideo[1].srcObject = src_localVideoStream ;
       localVideo.srcObject = src_remoteVideoStream[1] ;
       local_view_ch=1;
     }
     else
     {
       remoteVideo[1].srcObject = src_remoteVideoStream[1] ;
       localVideo.srcObject  = src_localVideoStream ;
       local_view_ch=0;     
       notify_MS_view_channel(nb_channel,add_video_WS_channel[1]); //force MS send only video of this channel
       
     }
//     tempAlert("view : "+peer_nickname[current_ch],3000);
     return ;
  }
  
  if(local_view_ch == 1)
  {
     remoteVideo[1].srcObject = src_remoteVideoStream[1] ;
     localVideo.srcObject  = src_localVideoStream ;
     local_view_ch=0;
  }    
  
  
  
  var current_video_WS_channel = add_video_WS_channel[1];
  var current_video_MS_channel = add_video_MS_channel[1];
  var current_src_remoteVideoStream = src_remoteVideoStream[1];
  var current_video_src = add_video_src[1];
  var current_PeerConnection = add_PeerConnection[1];
  
  add_video_WS_channel[1] = add_video_WS_channel[vch] ;
  add_video_MS_channel[1] = add_video_MS_channel[vch] ;
  src_remoteVideoStream[1] = src_remoteVideoStream[vch]; 
  add_PeerConnection[1] = add_PeerConnection[vch];
  add_video_src[1] = add_video_MS_channel[1] ; 
  remoteVideo[1].srcObject = src_remoteVideoStream[1] ;  
  
  add_video_WS_channel[vch] = current_video_WS_channel ;
  add_video_MS_channel[vch] = current_video_MS_channel ;
  src_remoteVideoStream[vch] = current_src_remoteVideoStream ; 
  add_PeerConnection[vch] = current_PeerConnection ;
  add_video_src[vch] = add_video_MS_channel[vch] ; 
  remoteVideo[vch].srcObject = src_remoteVideoStream[vch] ;  
  
  notify_MS_view_channel(nb_channel,add_video_WS_channel[1]); //force MS send only video of this channel
 
   
}
//--------------------------------------------------


function PlayRecord(io)
{
  var playfile="https://rtc.tw/gcrecord/"+record_file;
  //var playfile="https://rtc.tw/gcrecord/video/Fubon1.mp4";
  //var playfile="https://rtc.tw/gcrecord/video/T3.mp3";
  //var playfile="gcrecord/"+record_file;
  var title = "Play Recorded File";
  //alert(playfile);
     //video/20161130/148057497147349_3505_002_i.webm
     //audio/20161130/148067378147230_001.wav
   if(record_medium==9) return ;
   if(record_medium==2 && io=='i') title="Play Input Recorded Video File";
   if(record_medium==2 && io=='o')
   {
     //video/20161130/148057497147349_3505_002_i.webm => video/20161130/148057497147349_3505_002_o.webm
     title="Play Output Recorded Video File";
     var org_playfile = playfile ;
     playfile = org_playfile.replace("_i.","_o.");
  
   }   
   if(record_medium==0 ) title="Play Mixed Recorded Audio File ";
   
   console.log(title +" : " + playfile);
   play_record_flag=1;
   //Play_Record_File(playfile);
   if(ua_family=="Mobile Safari")
   {
     return ;
   	//tempAlert( "Note! For Safari have to close windows to restart WebRTC !",600000);
   	//window.open (playfile, "_self" , "height=480, width=640, toolbar =no, menubar=no, scrollbars=no, resizable=yes, location=no, status=no");
    }
   else
   {
   	window.open (playfile, "_blank" , "height=480, width=640, toolbar =no, menubar=no, scrollbars=no, resizable=yes, location=no, status=no");
   }
   //window.open (playfile, title , "height=480, width=640, toolbar =no, menubar=no, scrollbars=no, resizable=yes, location=no, status=no")
   //if(ua_family=="Mobile Safari")
      //window.close(); //add 20180824 for ios back to previous page
}

function Play_Record_File(playfile) {
   document.location.href=playfile;
} 

//--------------------------------------------------
function send_PeerData( peerchannel ,  type ,  peerdata) {
   console.log("send_PeerData() ch="+nb_channel+" peerchannel="+peerchannel+" type="+type+" peerdata=" + peerdata);
    var data = { 'action': 'peerdata' };
    data['channel'] = nb_channel;
    data['dialogid'] = dialogid;
    data['ref'] = ref;        
    data['type'] = type ; //"indication" , "command" , 
    data['peerchannel'] = peerchannel ; //0:means to all peers ; 999999:means to system
    data['peerdata'] = peerdata ;
    doSend(JSON.stringify(data));  
}
//--------------------------------------------------
function notify_MS_view_channel(nbch , viewch){
   console.log("notify_MS_view_channel() nbch=" + nbch + " viewch="+viewch);
    var data = { 'action': 'viewchannel' };
    data['channel'] = nbch;
    data['dialogid'] = dialogid;
    data['ref'] = ref;        
    data['viewchannel'] = viewch ;
    doSend(JSON.stringify(data));  
}
//--------------------------------------------------
//--------------------------------------------------
function query_MS_room_channel(nbch , roomid){
   console.log("query_MS_room_channel() nbch=" + nbch + " roomid="+roomid);
    var data = { 'action': 'roomchannel' };
    data['channel'] = nbch;
    data['dialogid'] = dialogid;
    data['ref'] = ref;        
    data['roomid'] = roomid ;
    doSend(JSON.stringify(data));  
}
//--------------------------------------------------
window.addEventListener("load", init, false);  
</script>			

</body>
</html>