文章出處

　　語音聊天室，或多人語音聊天，是即時通信應用中常見的功能之一，比如，QQ的語音討論組就是我們用得比較多的。

這篇文章將實現一個簡單的語音聊天室，讓多個人可以進入同一個房間進行語音溝通。先看運行效果截圖：

　　從左到右的三張圖分別是：登錄界面、語音聊天室的主界面、標注了各個控件的主界面。

　　（如果覺得界面太丑，沒關系，后面下載源碼后，你可以自己美化~~）

一. C/S結構

　　很明顯，我這個語音聊天室采用的是C/S結構，整個項目結構相對比較簡單，如下所示：

　　　該項目的底層是基于OMCS構建的。這樣，服務端就基本沒寫代碼，直接把OMCS服務端拿過來用；客戶端就比較麻煩些，下面我就重點講客戶端的開發。

二. 客戶端控件式開發

　　客戶端開發了多個自定義控件，然后將它們組裝到一起，以完成語音聊天室的功能。為了便于講解，我主界面的圖做了標注，以指示出各個自定義控件。　　

　　現在我們分別介紹各個控件：

1. 分貝顯示器

　　分貝顯示器用于顯示聲音的大小，比如麥克風采集到的聲音的大小，或揚聲器播放的聲音的大小。如上圖中3標注的。

（1）傅立葉變換

　　將聲音數據轉換成分貝強度使用的是傅立葉變換。其對應的是客戶端項目中的FourierTransformer靜態類。源碼比較簡單，就不貼出來了，大家自己去看。

（2）聲音強度顯示控件 DecibelDisplayer

　　DecibelDisplayer 使用的是PrograssBar來顯示聲音強度的大小。

　　每當有聲音數據交給DecibelDisplayer顯示時，首先，DecibelDisplayer會調用上面的傅立葉變換將其轉換為分貝，然后，將其映射為PrograssBar的對應的Value。

2.發言者控件 SpeakerPanel

　　SpeakerPanel 用于表示聊天室中的一個成員，如上圖中1所示。它顯示了成員的ID，成員的聲音的強度（使用DecibelDisplayer控件），以及其麥克風的狀態（啟用、引用）。

　　這個控件很重要，我將其源碼貼出來：

    public partial class SpeakerPanel : UserControl ,IDisposable
    {
        private ChatUnit chatUnit;     

        public SpeakerPanel()
        {
            InitializeComponent();
            this.SetStyle(ControlStyles.ResizeRedraw, true);//調整大小時重繪
            this.SetStyle(ControlStyles.OptimizedDoubleBuffer, true);// 雙緩沖
            this.SetStyle(ControlStyles.AllPaintingInWmPaint, true);// 禁止擦除背景.
            this.SetStyle(ControlStyles.UserPaint, true);//自行繪制            
            this.UpdateStyles();
        }

        public string MemberID
        {
            get
            {
                if (this.chatUnit == null)
                {
                    return null;
                }

                return this.chatUnit.MemberID;
            }
        }

        public void Initialize(ChatUnit unit)
        {
            this.chatUnit = unit;
            this.skinLabel_name.Text = unit.MemberID;
                   
            this.chatUnit.MicrophoneConnector.ConnectEnded += new CbGeneric<OMCS.Passive.ConnectResult>(MicrophoneConnector_ConnectEnded);
            this.chatUnit.MicrophoneConnector.OwnerOutputChanged += new CbGeneric(MicrophoneConnector_OwnerOutputChanged);
            this.chatUnit.MicrophoneConnector.AudioDataReceived += new CbGeneric<byte[]>(MicrophoneConnector_AudioDataReceived);
            this.chatUnit.MicrophoneConnector.BeginConnect(unit.MemberID);
        }

        public void Initialize(string curUserID)
        {
            this.skinLabel_name.Text = curUserID;
            this.skinLabel_name.ForeColor = Color.Red;
            this.pictureBox_Mic.Visible = false;
            this.decibelDisplayer1.Visible = false;
        }

        void MicrophoneConnector_AudioDataReceived(byte[] data)
        {
            this.decibelDisplayer1.DisplayAudioData(data);
        }

        void MicrophoneConnector_OwnerOutputChanged()
        {
            if (this.InvokeRequired)
            {
                this.BeginInvoke(new CbGeneric(this.MicrophoneConnector_OwnerOutputChanged));
            }
            else
            {
                this.ShowMicState();
            }
        }

        private ConnectResult connectResult;
        void MicrophoneConnector_ConnectEnded(ConnectResult res)
        {            
            if (this.InvokeRequired)
            {
                this.BeginInvoke(new CbGeneric<ConnectResult>(this.MicrophoneConnector_ConnectEnded), res);
            }
            else
            {
                this.connectResult = res;
                this.ShowMicState();
            }
        }

        public void Dispose()
        {
            this.chatUnit.Close();
        }

        private void ShowMicState()
        {
            if (this.connectResult != OMCS.Passive.ConnectResult.Succeed)
            {
                this.pictureBox_Mic.BackgroundImage = this.imageList1.Images[2];
                this.toolTip1.SetToolTip(this.pictureBox_Mic, this.connectResult.ToString());
            }
            else
            {
                this.decibelDisplayer1.Working = false;
                if (!this.chatUnit.MicrophoneConnector.OwnerOutput)
                {
                    this.pictureBox_Mic.BackgroundImage = this.imageList1.Images[1];
                    this.toolTip1.SetToolTip(this.pictureBox_Mic, "好友禁用了麥克風");
                    return;
                }

                if (this.chatUnit.MicrophoneConnector.Mute)
                {
                    this.pictureBox_Mic.BackgroundImage = this.imageList1.Images[1];
                    this.toolTip1.SetToolTip(this.pictureBox_Mic, "靜音");
                }
                else
                {
                    this.pictureBox_Mic.BackgroundImage = this.imageList1.Images[0];
                    this.toolTip1.SetToolTip(this.pictureBox_Mic, "正常");
                    this.decibelDisplayer1.Working = true;
                }
            }

        }

        private void pictureBox_Mic_Click(object sender, EventArgs e)
        {
            if (!this.chatUnit.MicrophoneConnector.OwnerOutput)
            {
                return;
            }

            this.chatUnit.MicrophoneConnector.Mute = !this.chatUnit.MicrophoneConnector.Mute;
            this.ShowMicState();
        }
    }