第34篇 一对多自由控制语音（十三）

 关键词：一对多自由控制语音

一、一对多自由控制语音

1.1 在demos2下面

https://192.168.1.14:9001/demos2/StreamHasData.html

1.2 代码分析

1）语音控制完成

可以关闭正在交流的语音，代码如下：

           //控制语音

           document.getElementById('button1').onclick = function(event) {

                for(var i inconnection.streamEvents){

                   if(typeof(connection.streamEvents[i]) == "object" ){

                        //关声音

                       connection.streamEvents[i].stream.mute('audio');

                    }

                }

           };

2）下一步研究解除语音控制

   解除语音控制实现，代码如下：

        //解除控制语音

           document.getElementById('button2').onclick = function(event) {

                for(var i inconnection.streamEvents){

                   if(typeof(connection.streamEvents[i]) == "object" ){

                        //开声音

                       connection.streamEvents[i].stream.unmute('audio');

                    }

                }

           };

3）接下来做

  开始状态：控制语音可用，解除控制语音为灰色；

  点控制语音，控制语音变灰色，解除控制语音可用；

  点解除控制语音，控制语音可用，解除控制语音变灰色。

实现了，代码如下：

         //控制语音

           document.getElementById('button1').onclick =function(event) {

                for(var i inconnection.streamEvents){

                   if(typeof(connection.streamEvents[i]) == "object" ){

                        //关声音

                        connection.streamEvents[i].stream.mute('audio');

                    }

                }

               document.getElementById("button2").disabled = false;

               document.getElementById("button1").disabled = true;

           };

           //解除控制语音

            document.getElementById('button2').onclick= function(event) {

                for(var i inconnection.streamEvents){

                   if(typeof(connection.streamEvents[i]) == "object" ){

                        //开声音

                       connection.streamEvents[i].stream.unmute('audio');

                    }

                }

               document.getElementById("button1").disabled = false;

               document.getElementById("button2").disabled = true;

            };

Div代码如下：

                <buttonid="button1" >控制语音</button>

                <buttonid="button2" disabled="true">解除控制语音</button>

2017年2月3日星期五