uni-app/vue接入騰訊TRCT(一)---基礎音視頻

      網友投稿 1321 2025-04-01

      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

      uni-app/vue接入騰訊TRCT(一)---基礎音視頻

      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小時內刪除侵權內容。

      上一篇:如何在單元格中創建到同一工作簿中另一個工作表的超鏈接
      下一篇:okr管理工具(okr管理工具有哪些)
      相關文章
      久久久久亚洲精品影视| 国产AV无码专区亚洲A∨毛片| 亚洲成AV人在线观看天堂无码| 亚洲av午夜精品一区二区三区 | 国产亚洲玖玖玖在线观看| 亚洲国产精品xo在线观看| 亚洲综合图片小说区热久久| 亚洲最大成人网色| 亚洲精品视频久久| 亚洲成a人片在线观看中文!!! | 亚洲电影在线播放| 亚洲精品中文字幕无乱码| 亚洲色偷偷偷网站色偷一区| 亚洲精品视频观看| 亚洲国产精品综合久久网各| 亚洲av日韩av综合| 亚洲日韩av无码中文| 亚洲高清一区二区三区电影| 国产亚洲精品AAAA片APP| 天天综合亚洲色在线精品| mm1313亚洲国产精品美女| 亚洲伦乱亚洲h视频| 国产亚洲成人久久| 亚洲国产精品成人精品无码区 | 亚洲欧洲无码一区二区三区| 亚洲爆乳少妇无码激情| 国产亚洲Av综合人人澡精品| 亚洲国产精品嫩草影院久久| 狠狠亚洲婷婷综合色香五月排名 | 亚洲国产成人精品电影| 亚洲国产精品综合久久20| 亚洲色无码专区一区| 亚洲av无码成人精品国产 | 国产亚洲人成在线影院| 丁香五月亚洲综合深深爱| 亚洲成AV人片在线观看ww| 亚洲综合在线成人一区| 亚洲熟女乱色一区二区三区 | 自怕偷自怕亚洲精品| 亚洲综合丁香婷婷六月香| 亚洲国产成人综合精品|