1.简介
上一篇讲解和分享了录制自动生成脚本，索性连带录制视频也一股脑的在这里就讲解和分享了。今天我们将学习如何使用Playwright和Python来录制浏览器操作的视频，以便在需要时进行回放和分析。
2.录制视频语法
录制视频介绍官方API的文档地址：https://playwright.dev/python/docs/videos#record-video
2.1录制
视频在测试结束时浏览器上下文关闭时保存。如果您手动创建浏览器上下文，请确保browser_context.close(), 会在调用close的时候保存视频。如果没有等到上下关闭，就停止执行将不会保存视频。
- context = browser.new_context(record_video_dir="videos/")
- # Make sure to close, so that videos are saved.
- context.close()
2.2大致流程步骤
①、安装 Playwright Python（已完成搭建playwright环境）
②、创建一个浏览器实例
③、启动录制
④、执行需要录制的操作
⑤、关闭浏览器或者上下文实例
⑥、保存录像文件
接下来，我们将详细介绍每个步骤需要做什么，并提供相应的代码示例进行实战。
3.详细步骤
3.1安装playwright
安装 Playwright Python（已完成搭建playwright环境）
3.2创建浏览器实例
在开始录制之前，我们需要创建一个上下文或者浏览器实例。下面的代码演示了如何创建一个 Chromium 浏览器实例：
- from playwright.sync_api import sync_playwright
- with sync_playwright() as playwright:
- browser = playwright.chromium.launch()
- page = browser.new_page()
3.3启动录制
一旦我们有了浏览器实例或者上下文和页面，我们就可以启动录制了。使用以下代码在页面上启动录制：
- context = browser.new_context(record_video_dir="videos/")
- # Make sure to close, so that videos are saved.
- context.close()
代码执行后，可以看到videos目录下生成了视频，只是格式是webm格式。 如下图所示：
3.4执行需要录制的操作
现在，我们可以在页面上执行任何需要录制的操作。例如，点击按钮、填写表单等。请根据您的需求编写相应的代码。
3.5关闭实例
当您完成了需要录制的操作后，使用以下代码关闭浏览器或者上下文实例：
- context.close()
- browser.close()
3.6 保存录像文件
最后，我们需要保存录制的视频文件。使用以下代码将录制保存为文件：
- page.video.path() # 获取录制文件的路径
您可以将录像文件路径打印出来，或将其保存到变量中供后续使用。
4.项目实战
这里还是以度娘为例，在搜索框输入“北京-宏哥”，点击“百度一下”。
4.1代码设计
4.2参考代码
- # coding=utf-8??
-
- # 1.先设置编码，utf-8可支持中英文，如上，一般放在第一行
-
- # 2.注释：包括记录创建时间，创建人，项目名称。
- '''
- Created on 2023-11-26
- @author: 北京-宏哥
- 公众号：北京宏哥
- Project: 《最新出炉》系列初窥篇-Python+Playwright自动化测试-41-录制视频
- '''
-
- # 3.导入模块
- from playwright.sync_api import sync_playwright
- with sync_playwright() as playwright:
- # 创建一个浏览器实例
- browser = playwright.chromium.launch()
- # 启动录制
- context = browser.new_context(record_video_dir="videos/recording.mp4")
- page = context.new_page()
- # 执行需要录制的操作
- page.goto("https://www.baidu.com")
- page.locator("#kw").fill("北京-宏哥")
- page.locator("#su").click()
- # 关闭实例
- context.close()
- browser.close()
- # 保存录像文件
- recording_path = page.video.path()
- print("录像文件路径：", recording_path)
4.3运行代码
1.运行代码，右键Run'Test'，控制台输出，如下图所示：
2.运行代码后电脑端的浏览器的动作。如下图所示：
5.指定视频大小
您还可以指定视频大小。视频大小默认为缩小以适合 800x800 的视口大小。视口的视频放置在输出视频的左上角，必要时缩小以适合。您可能需要设置视口大小以匹配所需的视频大小。
- context = browser.new_context(
- record_video_dir="videos/",
- record_video_size={"width": 640, "height": 480}
- )
保存的视频文件将出现在指定的文件夹中。它们都生成了唯一的名称。对于多页面场景，您可以通过 page.video 访问与页面关联的视频文件。
6.video对象方法
video对象方法官方API：https://playwright.dev/python/docs/api/class-video
6.1获取视频路径
6.2删除视频
6.3视频另存为
7.小结
好了，今天时间不早了，关于playwright的录制视频就先介绍讲解到这里。感谢您耐心的阅读！！！
经验首页