2022年05月16日

WebRTCで音声ミックス

※2020年の記事です。

 

Agora.ioのWebRTC SDKで音声ミックスを実装する際の流れをご紹介します。

お役立ち資料ダウンロード

オンライン体験におけるブイキューブの技術サポートのご案内

【図解】システム開発のお手伝い

ブイキューブのソリューションアーキテクトが、寄り添います!
各種ライブ配信システムのアーキテクチャについて わかりやすい構成図にてご紹介!

無料ダウンロード

音声ミックスの使い所

・カラオケ
・教材用

作成するアプリ

・マイクの音声とオンライン上の音楽ファイルをmixして配信

開発環境

macOS Mojave 10.14.1
VisualStudioCode 1.29.1
Chrome 70.0.3538.102
AgoraVideoSDK for Web 2.5.0

使用するAPI

startAudioMixing(options: object, callback: function): void
    

実装内容

ボタンクリックで音楽ファイルのmix開始。

function startAudioMixing(){
      localStream.startAudioMixing({filePath:"/path/to/file.mp3",cycle:1,playTime:0,loop:false,replace:false},function (err) {
        console.log("audiomix err:"+err);
      });
    }
    

画面

ビデオ通話画面にボタンが付いただけですね。。。

補足

今回はWebSDKでの紹介でしたが、Native用のSDKでも同様の実装が可能です。

ガイドブックダウンロード

【すぐ読める!ガイドブック】ビデオ通話・ライブ配信SDK「Agora」

【大充実】通話・配信SDK「Agora」ガイドブック

通話・配信サービス開発や、配信技術のリプレイスを検討中の方、必見の内容です。
Agora SDKの特徴から活用例まで徹底解説!

無料ダウンロード
ブイキューブ

執筆者ブイキューブ

Agoraの日本総代理店として、配信/通話SDKの提供だけでなく、導入支援から行い幅広いコミュニケーションサービスに携わっている。

関連記事

先頭へ戻る