uni-app/vue接入騰訊TRCT(一)---基礎音視頻
uni-app接入騰訊TRCT(一)—基礎音視頻
最近需要做一個類似于視頻會議的項目,也是選用了騰訊云TRCT,原因:簡單易用,打算和IM即時通信結合,可以做一個簡易聊天加視頻應用,這里是一個簡單用法的demo
效果:
領取免費流量包
需要安裝 trtc-js-sdk
npm i trtc-js-sdk
文檔地址
代碼
test 代碼在下面 主要配置 debug時候的加密
建議放到云函數 只獲取加密后的結果
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
test.js
import LibGenerateTestUserSig from './lib-generate-test-usersig-es.min.js'; /** * 騰訊云 SDKAppId,需要替換為您自己賬號下的 SDKAppId。 * * 進入騰訊云實時音視頻[控制臺](https://console.cloud.tencent.com/rav ) 創建應用,即可看到 SDKAppId, * 它是騰訊云用于區分客戶的唯一標識。 */ const SDKAPPID = 123456; /** * 簽名過期時間,建議不要設置的過短 *
* 時間單位:秒 * 默認時間:7 x 24 x 60 x 60 = 604800 = 7 天 */ const EXPIRETIME = 604800; /** * 計算簽名用的加密密鑰,獲取步驟如下: * * step1. 進入騰訊云實時音視頻[控制臺](https://console.cloud.tencent.com/rav ),如果還沒有應用就創建一個, * step2. 單擊“應用配置”進入基礎配置頁面,并進一步找到“帳號體系集成”部分。 * step3. 點擊“查看密鑰”按鈕,就可以看到計算 UserSig 使用的加密的密鑰了,請將其拷貝并復制到如下的變量中 * * 注意:該方案僅適用于調試Demo,正式上線前請將 UserSig 計算代碼和密鑰遷移到您的后臺服務器上,以避免加密密鑰泄露導致的流量盜用。 * 文檔:https://cloud.tencent.com/document/product/647/17275#Server */ const SECRETKEY = 'xxx'; /* * Module: GenerateTestUserSig * * Function: 用于生成測試用的 UserSig,UserSig 是騰訊云為其云服務設計的一種安全保護簽名。 * 其計算方法是對 SDKAppID、UserID 和 EXPIRETIME 進行加密,加密算法為 HMAC-SHA256。 * * Attention: 請不要將如下代碼發布到您的線上正式版本的 App 中,原因如下: * * 本文件中的代碼雖然能夠正確計算出 UserSig,但僅適合快速調通 SDK 的基本功能,不適合線上產品, * 這是因為客戶端代碼中的 SECRETKEY 很容易被反編譯逆向破解,尤其是 Web 端的代碼被破解的難度幾乎為零。 * 一旦您的密鑰泄露,攻擊者就可以計算出正確的 UserSig 來盜用您的騰訊云流量。 * * 正確的做法是將 UserSig 的計算代碼和加密密鑰放在您的業務服務器上,然后由 App 按需向您的服務器獲取實時算出的 UserSig。 * 由于破解服務器的成本要高于破解客戶端 App,所以服務器計算的方案能夠更好地保護您的加密密鑰。 * * Reference:https://cloud.tencent.com/document/product/647/17275#Server */ function genTestUserSig(userID) { const generator = new LibGenerateTestUserSig(SDKAPPID, SECRETKEY, EXPIRETIME); const userSig = generator.genTestUserSig(userID); return { sdkAppID: SDKAPPID, userSig }; } export default genTestUserSig
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
lib-generate-test-usersig-es.min.js
可以去官方demo取
這里我丟到云存儲了
https://vkceyugu.cdn.bspapp.com/VKCEYUGU-63c1dd6f-ae8d-423b-8895-3513ae884680/d095a028-7bb5-45b1-9981-af799759c35b.js
Vue 移動APP 視頻
版權聲明:本文內容由網絡用戶投稿,版權歸原作者所有,本站不擁有其著作權,亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容,請聯系我們jiasou666@gmail.com 處理,核實后本網站將在24小時內刪除侵權內容。
版權聲明:本文內容由網絡用戶投稿,版權歸原作者所有,本站不擁有其著作權,亦不承擔相應法律責任。如果您發現本站中有涉嫌抄襲或描述失實的內容,請聯系我們jiasou666@gmail.com 處理,核實后本網站將在24小時內刪除侵權內容。