为啥突然想用Golang折腾Office 365画中画视频？
事情是这样的——上个月我老婆在家用Teams开会，一边要看主讲人共享的PPT，一边又得盯着摄像头里老板的表情（你懂的，职场生存技能），她把两个窗口拖来拖去，结果一不留神把会议最小化了，老板还点名让她回答问题……她当时那个表情,我现在想起来都心疼。
于是我寻思：Office 365那个画中画视频功能，按理说应该能自动悬浮一个小窗口，把参会人的脸固定在屏幕一角，但问题是——有些时候它就是不弹出来啊！要么是域名策略没配好,要么是WebView渲染层出了岔子。
那我自己写一个？说干就干。
我的第一版想法：Golang + WebView 能搞定吗？
先理清楚需求：所谓“画中画”（Picture-in-Picture），其实就是一个浮在最上层的小窗口，里面播放视频流，Office 365的视频流是基于WebRTC的，但画中画功能本身是浏览器提供的API（document.pictureInPicture）。
所以我得让Golang干两件事：
- 启动一个本地的WebView容器，加载Office 365的登录页面（比如
https://www.office.com） - 捕获页面内的视频元素，强制调用PiP API把它弹到小窗口里
第一版代码大概长这样（我简化了）：
package main
import (
"github.com/webview/webview"
)
func main() {
w := webview.New(true)
defer w.Destroy()
w.SetTitle("Office 365 画中画助手")
w.SetSize(1280, 720, webview.HintNone)
w.Navigate("https://www.office.com")
w.Run()
}
跑起来之后…… 嗯，页面是显示了，但画中画？没戏。 因为WebView默认没有开启pictureInPicture权限，而且Office 365的Teams Web版对iframe和嵌入限制得死死的,光靠一个裸WebView根本绕不过去。
换个思路：用Golang启动浏览器，然后注入JS
既然原生WebView搞不定，那换个更“流氓”的办法——用Golang启动用户已经安装的Chrome或Edge，带上特定的命令行参数,强制启用PiP。
Windows下常见的做法是用os/exec包调用start命令，但更好的办法是直接操纵Chromium的远程调试协议（CDP），我用了github.com/chromedp/chromedp这个库。
启动带PiP支持的浏览器实例
package main
import (
"context"
"log"
"github.com/chromedp/chromedp"
)
func main() {
opts := append(chromedp.DefaultExecAllocatorOptions[:],
chromedp.Flag("enable-picture-in-picture", true),
chromedp.Flag("disable-features", "MediaSessionService"),
chromedp.WindowSize(1280, 720),
)
allocCtx, cancel := chromedp.NewExecAllocator(context.Background(), opts...)
defer cancel()
ctx, cancel := chromedp.NewContext(allocCtx)
defer cancel()
err := chromedp.Run(ctx,
chromedp.Navigate("https://teams.microsoft.com"),
)
if err != nil {
log.Fatal(err)
}
select {}
}
启动是启动了，但打开Teams登录页面后，我需要等待视频元素出现，这涉及到动态内容的等待和元素捕捉，因为Teams页面里视频<video>标签的ID每次会话可能都不同,我不能写死选择器。
等待并抓取视频元素
这部分我踩了坑，使用chromedp.WaitReady或chromedp.WaitVisible配合一些属性选择器，比如video[src*="stream"]，能筛选出视频流。—Office 365的视频流有时候是通过MediaStream对象传递的，DOM里根本没有src属性，除非调用video.srcObject才能拿到MediaStream。
所以不能单纯依赖DOM属性,得用JS：
err := chromedp.Run(ctx, chromedp.EvaluateAsDevTools(`
let vids = document.querySelectorAll('video');
for(let v of vids){
if(v.srcObject || v.src){
v.requestPictureInPicture().then(()=>{
console.log('PiP activated for:', v);
}).catch(e=>console.error(e));
}
}
`, nil))
这段JS遍历所有视频元素，找到有媒体流的那个，然后调用requestPictureInPicture()。
处理Office 365的跨域和权限问题
理想很丰满，现实很骨感。Office 365对远程调试协议很敏感，Chromedp启动的Chrome会被识别为“自动化测试工具”，Teams直接拒绝登录（显示“您的组织不允许使用自动化工具”）。
解决办法有两个：
| 方案 | 优点 | 缺点 |
|---|---|---|
用chromedp.Flag("disable-blink-features", "AutomationControlled")隐藏自动化痕迹 |
相对简单 | 仍然可能被Teams检测到 |
直接用Golang启动用户正常安装Chrome，不加自动化参数，转用--remote-debugging-port手动连接 |
更像真实用户 | 需要手动关闭已打开的Chrome进程 |
我选了第二种：先用Golang杀掉已有的Chrome，再以调试模式重启它,最后用CDP连接。
exec.Command("taskkill", "/F", "/IM", "chrome.exe").Run()
cmd := exec.Command("C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe",
"--remote-debugging-port=9222",
"https://teams.microsoft.com")
cmd.Start()
time.Sleep(3 * time.Second)
// 然后用 chromedp 连接 9222
allocCtx, _ := chromedp.NewRemoteAllocator(context.Background(), "http://127.0.0.1:9222")
终于——Teams登录成功了,而且画中画视频窗口真的弹出来了！
但你猜怎么着？Office 365官方接口才是正经路子
好吧，折腾了两天，我发现一个更简单的方法：直接调用Office 365的Graph API里的onlineMeetings资源，毕竟Teams本身有“显示画中画窗口”的选项,只是有时候被组策略关掉了。
通过Graph API可以获取当前会议状态，甚至强制设置视频悬浮层的偏好，但那是另一个故事了——需要Azure AD应用注册、OAuth2.0授权、然后把token塞到请求头里，Golang里有现成的golang.org/x/oauth2库,但配置起来也挺繁琐。
如果你只是想在代码里调用Graph API设置画中画,一段简短的POST请求就够了：
req, _ := http.NewRequest("PATCH",
"https://graph.microsoft.com/v1.0/me/onlineMeetings/"+meetingID,
strings.NewReader(`{"settings": {"pictureInPictureEnabled": true}}`))
req.Header.Set("Authorization", "Bearer "+token)
不过要注意——只有会议组织者或具有适当权限的与会者才能改这个设置,否则会返回403。
最后说点实在的
老实讲，我这个Golang程序最终也没有投入生产，因为后来发现，Office 365画中画在Edge里其实是原生支持的（设置 > 辅助功能 > 始终显示画中画），但通过折腾这一圈，我倒是把Chromedp用熟了,还顺带了解了WebRTC媒体流在PiP下的行为模式。
如果你非要用Golang自己实现一个，建议优先走Graph API路线——稳定、合规，如果只是想做个自动化测试工具,那CDP加JS注入够用了。
对了，别忘了关闭Goroutine泄漏，我一开始没加context.WithCancel，debug了几个小时才发现协程没释放，Go的内存管理虽然好,但这玩意儿全靠你自觉。
本文来自作者[kyadmin]投稿，不代表be365立场，如若转载，请注明出处：http://www.hljbesthome.com/nba/1608.html
评论列表（4条）
我是be365的签约作者“kyadmin”！
希望本篇文章《用Golang搞个Office 365画中画视频播放器？这事儿我真试过》能对你有所帮助！
本站[be365]内容主要涵盖：be365,be365网站,be365网址,ball365体育,Be365排名
本文概览：为啥突然想用Golang折腾Office365画中画视频？事情是这样的——上个月我老婆在家用Teams开会，一边要看主讲人共享的P...