深入研究websocket直播中signature这个参数怎么来的，模拟自己生成一个

2024-06-22 13:12
文章标签 websocket signature 直播 深入研究 模拟 参数 生成 怎么

本文主要是介绍深入研究websocket直播中signature这个参数怎么来的，模拟自己生成一个，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

上一节课我们已经找到了生成signature这个字段的代码位置，就是这个B函数，嗯......听起来好像有点奇怪，但是它确实叫B啊，笑死。不管了，看一下里面的逻辑是啥。

注意e参数的内容是：

{"app_name": "douyin_web","version_code": "180800","webcast_sdk_version": "1.0.14-beta.0","update_version_code": "1.0.14-beta.0","compress": "gzip","device_platform": "web","cookie_enabled": true,"screen_width": 1512,"screen_height": 982,"browser_language": "zh-CN","browser_platform": "MacIntel","browser_name": "Mozilla","browser_version": "5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/126.0.0.0 Safari/537.36","browser_online": true,"tz_name": "Asia/Shanghai","cursor": "t-1718942296076_r-1_d-1_u-1_h-7382800685396382772","internal_ext": "internal_src:dim|wss_push_room_id:7382777844734167858|wss_push_did:7347516590731134502|first_req_ms:1718942295989|fetch_time:1718942296076|seq:1|wss_info:0-1718942296076-0-0|wrds_v:7382800932146251064","host": "https://live.douyin.com","aid": "6383","live_id": 1,"did_rule": 3,"endpoint": "live_pc","support_wrds": 1,"user_unique_id": "7347516590731134502","im_path": "/webcast/im/fetch/","identity": "audience","need_persist_msg_count": "15","insert_task_id": "","live_reason": "","room_id": "7382777844734167858","heartbeatDuration": "0"
}

注意t是很多参数的e里面的websocket_key数组，它里面是：

[{param_name: 'live_id',param_type: 'string',},{param_name: 'aid',param_type: 'string',},{param_name: 'version_code',param_type: 'string',},{param_name: 'webcast_sdk_version',param_type: 'string',},{param_name: 'room_id',param_type: 'string',},{param_name: 'sub_room_id',param_type: 'string',},{param_name: 'sub_channel_id',param_type: 'string',},{param_name: 'did_rule',param_type: 'string',},{param_name: 'user_unique_id',param_type: 'string',},{param_name: 'device_platform',param_type: 'string',},{param_name: 'device_type',param_type: 'string',},{param_name: 'ac',param_type: 'string',},{param_name: 'identity',param_type: 'string',},]

有了这两个参数传递过来，那我们就可以安心研究B里面的逻辑了。

看一下这个for循环吧，它的逻辑就是取出e里面的参数（将t里面的参数名称），然后拼接到o这个字符串上，然后再把o传递给V()这个函数：

V()这个函数里面又做了什么事情呢？V()其实会返回一个函数，这个函数可以传递两个参数，

接下来继续看返回的这个函数里面代码逻辑： 

其实这里继续深入研究，会发现是把e参数转为Bytes数组了：

这个转换函数也可以自己写一个：

        const o =',live_id=1,aid=6383,version_code=180800,webcast_sdk_version=1.0.14-beta.0,room_id=7382777844734167858,sub_room_id=,sub_channel_id=,did_rule=3,user_unique_id=7347516590731134502,device_platform=web,device_type=,ac=,identity=audience'const substr = o.substring(1)console.log('subStr----', substr)// 将字符串转Bytes数组const stringToBytes = (str) => {var array = new Uint8Array(str.length)for (var i = 0, l = str.length; i < l; i++) {array[i] = str.charCodeAt(i)}return array}console.log('字符串转为Bytes数组', stringToBytes(substr))

转换完之后，又使用wordsToBytes函数将结果转成了另外一个形式：

然后再调用bytesToHex函数：

const bytesToHex = function (e) {for (var t = [], r = 0; r < e.length; r++)t.push((e[r] >>> 4).toString(16)), t.push((15 & e[r]).toString(16))return t.join('')
}

转换之后的结果格式为：a5faced0e2965a966b9fde2044e3ff1e

然后再调用frontierSign函数将上面这串字符串转为signature的值：

但是这个frontierSign是啥呢？这是一个webmssdk.es5.js包里面的函数，所以需要将这个webmssdk.es5.js包下载到本地，然后集成到window对象上，就可以调用这个函数了，我这里写了一个demo：可以看到已经生成了值

demo代码如下：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title><script src="./vFun.js"></script><script src="./webmssdk.es5.js"></script></head><body><div>测试代码</div></body><script>const config = [{param_name: 'live_id',param_type: 'string',},{param_name: 'aid',param_type: 'string',},{param_name: 'version_code',param_type: 'string',},{param_name: 'webcast_sdk_version',param_type: 'string',},{param_name: 'room_id',param_type: 'string',},{param_name: 'sub_room_id',param_type: 'string',},{param_name: 'sub_channel_id',param_type: 'string',},{param_name: 'did_rule',param_type: 'string',},{param_name: 'user_unique_id',param_type: 'string',},{param_name: 'device_platform',param_type: 'string',},{param_name: 'device_type',param_type: 'string',},{param_name: 'ac',param_type: 'string',},{param_name: 'identity',param_type: 'string',},]// 使用for便利试试for (let { param_name: i } of config) {console.log('i----', i)}const o =',live_id=1,aid=6383,version_code=180800,webcast_sdk_version=1.0.14-beta.0,room_id=7382772251994655488,sub_room_id=,sub_channel_id=,did_rule=3,user_unique_id=7347516590731134502,device_platform=web,device_type=,ac=,identity=audience'const substr = o.substring(1)console.log('subStr----', substr)// s函数就是stringToBytesconst sResult = sFunc(substr)//  V()函数就是console.log('s函数stringToBytes结果', sResult)// 有了s的返回结果，再调用i.wordsToBytes// var r = i.wordsToBytes(s(e, t));const r = wordsToBytes(sResult)console.log('r----', r)// 最后调用bytesToHex;// return t && t.asBytes ? r : t && t.asString ? a.bytesToString(r) : i.bytesToHex(r)const bytesRes = bytesToHex(r)console.log('bytesRes----', bytesRes)const frontierSignRes = window.byted_acrawler.frontierSign({'X-MS-STUB': bytesRes,})console.log('frontierSignRes----', frontierSignRes)</script>
</html>

vFun.js的代码如下：

var sFunc = function (e, t) {// 判断e是不是string类型，是的话，把t赋值给e，然后e.constructor == String? stringToBytes(e): oFunc(e)? (e = Array.prototype.slice.call(e, 0)): Array.isArray(e) || e.constructor === Uint8Array || (e = e.toString())for (var r = bytesToWords(e),l = 8 * e.length,c = 1732584193,u = -271733879,p = -1732584194,d = 271733878,h = 0;h < r.length;h++)r[h] =(((r[h] << 8) | (r[h] >>> 24)) & 16711935) |(((r[h] << 24) | (r[h] >>> 8)) & 4278255360);(r[l >>> 5] |= 128 << l % 32), (r[(((l + 64) >>> 9) << 4) + 14] = l)for (var m = sff, f = sgg, g = shh, _ = sii, h = 0; h < r.length; h += 16) {var v = c,C = u,y = p,T = d;(c = m(c, u, p, d, r[h + 0], 7, -680876936)),(d = m(d, c, u, p, r[h + 1], 12, -389564586)),(p = m(p, d, c, u, r[h + 2], 17, 606105819)),(u = m(u, p, d, c, r[h + 3], 22, -1044525330)),(c = m(c, u, p, d, r[h + 4], 7, -176418897)),(d = m(d, c, u, p, r[h + 5], 12, 1200080426)),(p = m(p, d, c, u, r[h + 6], 17, -1473231341)),(u = m(u, p, d, c, r[h + 7], 22, -45705983)),(c = m(c, u, p, d, r[h + 8], 7, 1770035416)),(d = m(d, c, u, p, r[h + 9], 12, -1958414417)),(p = m(p, d, c, u, r[h + 10], 17, -42063)),(u = m(u, p, d, c, r[h + 11], 22, -1990404162)),(c = m(c, u, p, d, r[h + 12], 7, 1804603682)),(d = m(d, c, u, p, r[h + 13], 12, -40341101)),(p = m(p, d, c, u, r[h + 14], 17, -1502002290)),(u = m(u, p, d, c, r[h + 15], 22, 1236535329)),(c = f(c, u, p, d, r[h + 1], 5, -165796510)),(d = f(d, c, u, p, r[h + 6], 9, -1069501632)),(p = f(p, d, c, u, r[h + 11], 14, 643717713)),(u = f(u, p, d, c, r[h + 0], 20, -373897302)),(c = f(c, u, p, d, r[h + 5], 5, -701558691)),(d = f(d, c, u, p, r[h + 10], 9, 38016083)),(p = f(p, d, c, u, r[h + 15], 14, -660478335)),(u = f(u, p, d, c, r[h + 4], 20, -405537848)),(c = f(c, u, p, d, r[h + 9], 5, 568446438)),(d = f(d, c, u, p, r[h + 14], 9, -1019803690)),(p = f(p, d, c, u, r[h + 3], 14, -187363961)),(u = f(u, p, d, c, r[h + 8], 20, 1163531501)),(c = f(c, u, p, d, r[h + 13], 5, -1444681467)),(d = f(d, c, u, p, r[h + 2], 9, -51403784)),(p = f(p, d, c, u, r[h + 7], 14, 1735328473)),(u = f(u, p, d, c, r[h + 12], 20, -1926607734)),(c = g(c, u, p, d, r[h + 5], 4, -378558)),(d = g(d, c, u, p, r[h + 8], 11, -2022574463)),(p = g(p, d, c, u, r[h + 11], 16, 1839030562)),(u = g(u, p, d, c, r[h + 14], 23, -35309556)),(c = g(c, u, p, d, r[h + 1], 4, -1530992060)),(d = g(d, c, u, p, r[h + 4], 11, 1272893353)),(p = g(p, d, c, u, r[h + 7], 16, -155497632)),(u = g(u, p, d, c, r[h + 10], 23, -1094730640)),(c = g(c, u, p, d, r[h + 13], 4, 681279174)),(d = g(d, c, u, p, r[h + 0], 11, -358537222)),(p = g(p, d, c, u, r[h + 3], 16, -722521979)),(u = g(u, p, d, c, r[h + 6], 23, 76029189)),(c = g(c, u, p, d, r[h + 9], 4, -640364487)),(d = g(d, c, u, p, r[h + 12], 11, -421815835)),(p = g(p, d, c, u, r[h + 15], 16, 530742520)),(u = g(u, p, d, c, r[h + 2], 23, -995338651)),(c = _(c, u, p, d, r[h + 0], 6, -198630844)),(d = _(d, c, u, p, r[h + 7], 10, 1126891415)),(p = _(p, d, c, u, r[h + 14], 15, -1416354905)),(u = _(u, p, d, c, r[h + 5], 21, -57434055)),(c = _(c, u, p, d, r[h + 12], 6, 1700485571)),(d = _(d, c, u, p, r[h + 3], 10, -1894986606)),(p = _(p, d, c, u, r[h + 10], 15, -1051523)),(u = _(u, p, d, c, r[h + 1], 21, -2054922799)),(c = _(c, u, p, d, r[h + 8], 6, 1873313359)),(d = _(d, c, u, p, r[h + 15], 10, -30611744)),(p = _(p, d, c, u, r[h + 6], 15, -1560198380)),(u = _(u, p, d, c, r[h + 13], 21, 1309151649)),(c = _(c, u, p, d, r[h + 4], 6, -145523070)),(d = _(d, c, u, p, r[h + 11], 10, -1120210379)),(p = _(p, d, c, u, r[h + 2], 15, 718787259)),(u = _(u, p, d, c, r[h + 9], 21, -343485551)),(c = (c + v) >>> 0),(u = (u + C) >>> 0),(p = (p + y) >>> 0),(d = (d + T) >>> 0)}return endian([c, u, p, d])
}// (s._blocksize = 16)
// (s._digestsize = 16)const sff = function (e, t, r, i, n, o, a) {var s = e + ((t & r) | (~t & i)) + (n >>> 0) + areturn ((s << o) | (s >>> (32 - o))) + t
}const sgg = function (e, t, r, i, n, o, a) {var s = e + ((t & i) | (r & ~i)) + (n >>> 0) + areturn ((s << o) | (s >>> (32 - o))) + t
}const shh = function (e, t, r, i, n, o, a) {var s = e + (t ^ r ^ i) + (n >>> 0) + areturn ((s << o) | (s >>> (32 - o))) + t
}const sii = function (e, t, r, i, n, o, a) {var s = e + (r ^ (t | ~i)) + (n >>> 0) + areturn ((s << o) | (s >>> (32 - o))) + t
}const stringToBytes = function (str) {var array = new Uint8Array(str.length)for (var i = 0, l = str.length; i < l; i++) {array[i] = str.charCodeAt(i)}return array
}const oFunc = function (e) {return (null != e &&(t(e) ||('function' == typeof e.readFloatLE &&'function' == typeof e.slice &&t(e.slice(0, 0))) ||!!e._isBuffer))
}const bytesToWords = function (e) {for (var t = [], r = 0, i = 0; r < e.length; r++, i += 8)t[i >>> 5] |= e[r] << (24 - (i % 32))return t
}const wordsToBytes = function (e) {for (var t = [], r = 0; r < 32 * e.length; r += 8)t.push((e[r >>> 5] >>> (24 - (r % 32))) & 255)return t
}const endian = function (e) {if (e.constructor == Number)return (16711935 & rotl(e, 8)) | (4278255360 & rotl(e, 24))for (var t = 0; t < e.length; t++) e[t] = endian(e[t])return e
}const rotl = function (e, t) {return (e << t) | (e >>> (32 - t))
}const bytesToHex = function (e) {for (var t = [], r = 0; r < e.length; r++)t.push((e[r] >>> 4).toString(16)), t.push((15 & e[r]).toString(16))return t.join('')
}

这篇关于深入研究websocket直播中signature这个参数怎么来的，模拟自己生成一个的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/1084383。

相关文章

[职场] 护理专业简历怎么写 #经验分享#微信

[职场] 护理专业简历怎么写 #经验分享#微信

护理专业简历怎么写 　　很多想成为一名护理方面的从业者，但是又不知道应该怎么制作一份简历，现在这里分享了一份护理方面的简历模板供大家参考。 　　蓝山山 　　年龄：24 　　号码：12345678910 　　地址：上海市 邮箱：jianli@jianli.com 　　教育背景 　　时间：2011-09到2015-06 　　学校：蓝山大学 　　专业：护理学 　　学历：本科
阅读更多...
Java面试八股之怎么通过Java程序判断JVM是32位还是64位

Java面试八股之怎么通过Java程序判断JVM是32位还是64位

怎么通过Java程序判断JVM是32位还是64位 可以通过Java程序内部检查系统属性来判断当前运行的JVM是32位还是64位。以下是一个简单的方法： public class JvmBitCheck {public static void main(String[] args) {String arch = System.getProperty("os.arch");String dataM
阅读更多...
电脑不小心删除的文件怎么恢复？4个必备恢复方法！

电脑不小心删除的文件怎么恢复？4个必备恢复方法！

“刚刚在对电脑里的某些垃圾文件进行清理时，我一不小心误删了比较重要的数据。这些误删的数据还有机会恢复吗？希望大家帮帮我，非常感谢！” 在这个数字化飞速发展的时代，电脑早已成为我们日常生活和工作中不可或缺的一部分。然而，就像生活中的小插曲一样，有时我们可能会在不经意间犯下一些小错误，比如不小心删除了重要的文件。 当那份文件消失在眼前，仿佛被时间吞噬，我们不禁会心生焦虑。但别担心，就像每个问题
阅读更多...
ABAP怎么把传入的参数刷新到内表里面呢?

ABAP怎么把传入的参数刷新到内表里面呢?

1.在执行相关的功能操作之前,优先执行这一段代码,把输入的数据更新入内表里面 DATA: lo_guid TYPE REF TO cl_gui_alv_grid.CALL FUNCTION 'GET_GLOBALS_FROM_SLVC_FULLSCR'IMPORTINGe_grid = lo_guid.CALL METHOD lo_guid->check_changed_data.CALL M
阅读更多...
android 带与不带logo的二维码生成

android 带与不带logo的二维码生成

该代码基于ZXing项目，这个网上能下载得到。 定义的控件以及属性： public static final int SCAN_CODE = 1;private ImageView iv;private EditText et;private Button qr_btn,add_logo;private Bitmap logo,bitmap,bmp; //logo图标private st
阅读更多...
20170723 做的事 ecdsa的签名验证时间短于bls signature

20170723 做的事 ecdsa的签名验证时间短于bls signature

1 今天在虚拟机 /home/smile/Desktop/20170610/Test//time_ecdsa 文件夹下，找到ecdsa的验证时间是 989.060606μs μs 先 make ，然后run。 再取BLS的签名生成时间： ./run  2  gnuplot 画图，画对比的时间 gnuplot 画图参考教程 http://blog.sciencen
阅读更多...
电子盖章怎么做_电子盖章软件

电子盖章怎么做_电子盖章软件

使用e-章宝（易友EU3000智能盖章软件）进行电子盖章的步骤如下： 一、准备阶段 软件获取： 访问e-章宝（易友EU3000智能盖章软件）的官方网站或相关渠道，下载并安装软件。账户注册与登录： 首次使用需注册账户，并根据指引完成注册流程。注册完成后，使用用户名和密码登录软件。 二、电子盖章操作 文档导入： 在e-章宝软件中，点击“添加”按钮，导入待盖章的PDF文件。支持批量导入多个文件，
阅读更多...
Java面试八股之JVM参数-XX:+UseCompressedOops的作用

Java面试八股之JVM参数-XX:+UseCompressedOops的作用

JVM参数-XX:+UseCompressedOops的作用 JVM参数-XX:+UseCompressedOops的作用是启用对象指针压缩（Ordinary Object Pointers compression）。这一特性主要应用于64位的Java虚拟机中，目的是为了减少内存使用。在传统的64位系统中，对象引用（即指针）通常占用8字节（64位），而大部分应用程序实际上并不需要如此大的地址空间
阅读更多...
说一说三大运营商的流量类型，看完就知道该怎么选运营商了！

说一说三大运营商的流量类型，看完就知道该怎么选运营商了！

说一说三大运营商的流量类型，看完就知道该怎么选运营商了？目前三大运营商的流量类型大致分为通用流量和定向流量，比如： 中国电信：通用流量+定向流量 电信推出的套餐通常由通用流量+定向流量所组成，通用流量比较多，一般都在100G以上，而且电信套餐长期套餐较多，大多无合约期，自主激活的卡也是最多的，适合没有通话需求的朋友办理。 中国移动：通用流量+定向流量 移动推出的套餐通常由通用流量+定向
阅读更多...
基于 Java 实现的智能客服聊天工具模拟场景

基于 Java 实现的智能客服聊天工具模拟场景

服务端代码 import java.io.BufferedReader;import java.io.IOException;import java.io.InputStreamReader;import java.io.PrintWriter;import java.net.ServerSocket;import java.net.Socket;public class Serv
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2