vue+webrtc(Tencent cloud)ライブ機能の実践を実現するために

1. ライブ中継効果

1.PC端末

画像

2. モバイル

画像

2. オープンライブステップ

2.1 Tencentウェブサイド（ファストライブ）スクリプトの導入

スクリプトはindex.hemlの本文中に導入する必要があります。

select version();
union select 1,2,... .n,version()
//version() function is the same as MySQL's

2.2 ライブ配信を利用する必要があるインターフェースに動画コンテナを追加する（ライブ配信をオンにしたときに動画の位置を表示するため）。

.vueファイル内で直接使用できます。コンテナのスタイルは自分で調整できますが、idは捨てられません（名前も使用できます）

select aa from bb where cc=dd;
union select 1,2,... .n,aa from bb where cc=dd
// All SQL syntax is almost always this syntax to explode data

2.3 ライブオブジェクトを作成し、ライブストリーミングをオンにする

ライブを開くボタンをクリックし、該当するメソッドを記述します。
注意：プッシュストリームアドレスのプロトコルヘッダrtmpをwebrtcに置き換え、プッシュストリームアドレスが中国語で表示されないと、プッシュストリームが成功してもエラーが報告されます

select datname from pg_database;
union select 1,2,.... ,n,datname from pg_database;
 

画像

2.4 クローズライブ

対応するメソッドで直接使用すればよい
ライブ ストリームを終了するときは、ビデオ コンテナを破棄することに注意してください。

select relname from pg_stat_user_tables limit 1 offset n;
// Similar to information_schema.tables in MySQL, though not quite appropriate
union select relname from pg_stat_user_tables limit 1 offset 3;
//limit 1 offset 0 has the same effect as MySQL's limit 0,1.

この記事はvue+webrtc（テンセントクラウド）ライブ練習について紹介されています、より関連するvue+webrtcテンセントクラウドライブコンテンツはBinaryDevelop過去の記事を検索してくださいまたは以下の関連記事を閲覧し続けてくださいあなたがBinaryDevelopをよりサポートすることを願っています！この記事は、Codedviblibをサポートしています！この記事は、vue+webrtcテンセントクラウドライブの練習について紹介しています。