直播修仙:使用.NET 的 WebView2 如何获取请求的响应内容,以微信直播的互动直播为例

简介: 使用.NET 的 WebView2 如何获取请求的响应内容进行进一步处理

背景

近几年直播行业快速发展,门槛也越来越低,越来越的人涌入直播大军。不得不说,直播不仅带来了更多的娱乐消遣,还提供了一个新型的就业方式。

说起直播的类型,有一个非常小众的娱乐直播,没有主播,全靠观众的弹幕互动。比如:直播修仙,观众发弹幕进入修仙,就可以看到自己的打坐小人,然后屏幕各种随机事件,送主播礼物可以获取各种道具。近期在微信刷视频号的时候,发现了好多类似的互动直播,有云蹦迪和各种互动游戏。

视频号直播截图

今天我们只聊技术,互动直播平台没有提供相关的 API 如何通过观众的评论来互动的?

实现原理

这里以微信视频号直播为例,介绍一种获取直播事件消息的方法,当然方法也适用于类似的其他平台。

视频号开启直播的时候在视频号的 Web 管理后台,会同时看到观众发送的评论和产生的其他互动。那么只需要通过开发一个浏览器插件就可以实现实时获取评论信息。这里我们
通过 WebView2 来获取请求评论的响应内容来实现。

实现步骤

首先创建一个 WPF 应用,添加 Microsoft.Web.WebView2 包,然后页面添加WebView2组件,首页直接为视频号管理后台。

<Grid>
    <Wpf:WebView2 Source="https://channels.weixin.qq.com/platform/live/liveBuild" MinWidth="800" MinHeight="500" Name="webView"/>
</Grid>

WebView2初始化完成后绑定WebResourceResponseReceived事件。此事件可以获取到所有请求的响应内容,这里只需要获取/mmfinderassistant-bin/live/msg的链接请求即可,然后读取返回的内容。

public MainWindow()
{
    InitializeComponent();
    webView.CoreWebView2InitializationCompleted += WebView_CoreWebView2InitializationCompleted;
}

private void WebView_CoreWebView2InitializationCompleted(object? sender, Microsoft.Web.WebView2.Core.CoreWebView2InitializationCompletedEventArgs e)
{
    webView.CoreWebView2.WebResourceResponseReceived += CoreWebView2_WebResourceResponseReceivedAsync;
}

private async void CoreWebView2_WebResourceResponseReceivedAsync(object? sender, CoreWebView2WebResourceResponseReceivedEventArgs e)
{
    if (e.Request.Uri.EndsWith("/mmfinderassistant-bin/live/msg") && e.Response != null && e.Response.StatusCode==200)
    {
        Stream content = await e.Response.GetContentAsync();
        string jsonText = new StreamReader(content).ReadToEnd();
        var list = ToLiveMsg(jsonText);
    }
}

以下是内容的处理。

public List<LiveMsg> ToLiveMsg(string str) {
    JsonNode jsonNode = JsonNode.Parse(str)!;
    var res = new List<LiveMsg>();
    var dataInfo = jsonNode["data"];
    if (dataInfo is null) return res;
    if (dataInfo["msgList"] is null) return res;

    foreach (var item in dataInfo["msgList"]!.AsArray())
    {
        var msg = JsonSerializer.Deserialize<LiveMsg>(item);
        Debug.Print(msg.ToString());
        res.Add(msg!);
    }
    return res;
}

/// <summary>
/// 直播互动消息内容
/// </summary>
/// <param name="nickname">昵称</param>
/// <param name="headUrl">头像URL</param>
/// <param name="content">消息内容</param>
/// <param name="type">消息类型</param>
/// <param name="username">用户ID</param>
/// <param name="clientMsgId">消息ID</param>
public record LiveMsg(string nickname,string headUrl,string content,int type,string username,string clientMsgId);

最后

这里介绍了评论的获取方式,点赞和礼物的消息,可以通过类似的方式审查请求获取到对应的内容。本文虽以互动直播为例,但主要为介绍如何使用.NET 的 WebView2 获取请求的响应内容。如果你对这种互动直播感兴趣可以通过 .NET 技术自己开发一个新的互动直播模式。

相关文章
|
6月前
|
开发框架 中间件 .NET
ASP.NET Core 请求处理管道
ASP.NET Core (请求处理管道) 了解ASP.NET处理管道为了理解ASP.NET Core中的请求处理管道概念,让我们修改Startup类的Configure()方法,如下所示。 在这里,我们将三个中间件组件注册到请求处理管道中。 如您所见,前两个组件是使用Use() 扩展方法注册的,因此它们有机会在请求处理管道中调用下一个中间件组件。 最后一个使用Run() 扩展方法注册,因...
31 0
ASP.NET Core 请求处理管道
|
6月前
|
关系型数据库 MySQL 数据库
找不到请求的 .Net Framework Data Provider。可能没有安装
做的一个项目,框架为.net framework 数据库为mysql 出现如标题错误 检查是否安装mysql、是否安装mysql connector net 笔者是因为没有安装后者mysql connector net 下载地址: [mysql connector net](https://downloads.mysql.com/archives/c-net/ "mysql connector net") 笔者安装截图如下: ![请在此添加图片描述](https://developer-private-1258344699.cos.ap-guangzhou.myqcloud.com/c
64 0
|
1天前
|
Go 开发者
Golang深入浅出之-HTTP客户端编程:使用net/http包发起请求
【4月更文挑战第24天】Go语言的`net/http`包在HTTP客户端编程中扮演重要角色,但使用时需注意几个常见问题:1) 检查HTTP状态码以确保请求成功;2) 记得关闭响应体以防止资源泄漏;3) 设置超时限制,避免长时间等待;4) 根据需求处理重定向。理解这些细节能提升HTTP客户端编程的效率和质量。
11 1
|
1月前
|
小程序 前端开发 程序员
【微信小程序】-- 网络数据请求(十九)
【微信小程序】-- 网络数据请求(十九)
|
4月前
|
小程序
uniapp 微信小程序请求拦截器 接口封装
uniapp 微信小程序请求拦截器 接口封装
|
4月前
|
小程序 前端开发
你是怎么封装微信小程序的数据请求的?
你是怎么封装微信小程序的数据请求的?
95 0
|
4月前
|
JSON JavaScript 前端开发
全面的.NET微信网页开发之JS-SDK使用步骤、配置信息和接口请求签名生成详解
全面的.NET微信网页开发之JS-SDK使用步骤、配置信息和接口请求签名生成详解
|
4月前
|
小程序 PHP
微信公众号开发(六)微信支付(发红包、企业支付到零钱)需要证书请求示例
这里最主要的就是curlpost请求的时候需要带上证书。否则请求会失败。
60 0
|
4月前
|
小程序 前端开发 JavaScript
微信小程序(二十八)微信小程序封装request请求
const utils = require("../utils/util.js"); var app = getApp(); // 请求方式(定义完了又好像觉得没啥用,放着吧) const GET = "GET"; const POST = "POST"; const PUT = "PUT"; const FORM = "FORM"; const DELETE = "DELETE"; // 系统域名 const baseURL = "https://www.mools.net"; /** * @name: 用户请求方法,使用promise实现 * @author: came
48 0
|
6月前
|
缓存 移动开发 小程序
从零玩转系列之微信支付实战Uni-App微信授权登录和装修下单页面和搭建下单接口以及发起下单请求3
从零玩转系列之微信支付实战Uni-App微信授权登录和装修下单页面和搭建下单接口以及发起下单请求3
90 0