1. 程式人生 > >HTML5實時語音通話聊天,MP3壓縮傳輸3KB每秒

HTML5實時語音通話聊天,MP3壓縮傳輸3KB每秒

目錄

  • 一、把玩方法
  • 二、技術特性
    • (1)資料傳輸
    • (2)音訊採集和編碼
    • (3)音訊實時接收和播放
  • 三、應用場景

自從Recorder H5 GitHub開源庫優化後,對邊錄邊轉碼成小語音片段檔案實時上傳伺服器這種操作支援非常良好,因此以前不太好支援的H5語音通話已經有了更好的突破空間。因此花了兩晚時間打造了一個H5語音通話聊天的demo。

歡迎線上把玩:https://xiangyuecn.github.io/Recorder/

一、把玩方法

  1. 準備區域網內兩臺裝置(Peer A、Peer B)用最新版本瀏覽器(demo未適配低版本)分別開啟demo頁面(也可以是同一瀏覽器開啟兩個標籤)
  2. 勾選頁面中的H5版語音通話聊天,在Peer A中點選新建連線
  3. 把Peer A的本機信手動複製傳輸給Peer B,貼上到遠端資訊中,並點選確定連線
  4. 把Peer B自動生成的本機資訊手動複製傳輸給Peer A,貼上到遠端資訊中,並點選確定連線
  5. 雙方P2P連線已建立,使用頁面上方的錄音功能,隨時開啟錄音,音訊資料會實時傳送給對方

區域網H5版對講機