LoginSignup
2
0

More than 3 years have passed since last update.

Tencent CloudのTWebLiveを使ってWebでライブ配信をやってみた。

Posted at

TWebLiveの紹介

TWebLiveはTencent Cloud Webライブ配信SDKです。TWebLiveがTencent CloudのTRTC、IM、Super Video Player(TCPlayer)を統合して、Webライブ配信のよく使う機能(Stream push,Stream pull, マイクのオンオフ、カメラ、コメント、いいねなどの機能)をカバーして、簡単に使えるAPIです。Github
image.png

前提条件

Tencent Cloudのアカウントを持っていること。

手順

1.コンソールでTRTCのアプリを作成

TRTCコンソールでTRTCのアプリを作成する
image.png
https://main.qcloudimg.com/raw/a65b6631553159ce553620e40f9c2040.png

2.SDKAppIDと秘密鍵を取得

【Application Management】をクリックして、先に作成したアプリに入ると、SDKAppIDと秘密鍵を確認できる。
image.png
https://main.qcloudimg.com/raw/a65b6631553159ce553620e40f9c2040.png
image.png
https://main.qcloudimg.com/raw/99f03c367c43416bd7c7e8c6d6ff5002.png

3.Webライブ配信のDemoをダウンロード

  • Githubに公開されたWebライブ配信デモをダウンロードする
  • TWebLive/dist/debug/GenerateTestUserSig.jsで、手順2で取得したSDK App IDと秘密鍵をSDKAppIDSECRETKEYに設定する。

demo実行

Chrome/Safariでdistフォルダーのindex.htmlを開ければ、Demoが動き始める。
下記はデモの実行した様子です。実行するときに、カメラとマイクのテスト必要です。テストが完了したら、Webライブ配信が可能です。
image.png
image.png

まとめ

以上で、TWebLive SDKでライブ配信のデモを動いてみました。2行のソースコードをいじるだけで、Webライブ配信アプリをできた。

2
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
0