【快捷指令案例】 提取网页视频

536 阅读2分钟

前言

前面实现了一个快捷指令-提取网页图片案例,有小伙伴建议做一个提取视频的功能,这里简单实现一个案例仅供参考,末尾附快捷指令体验口令。

设计思路

  • 浏览器分享页签执行快捷指令
  • 在活跃的页签中执行 JavaScript 匹配视频链接
  • 将视频链接组合为 HTML 进行展示及查看

限制

  • 在新页签打开视频时会系统会误触发新的快捷指令操作(无需理会)
  • 下载的视频文件需要下载苹果的【文件】App查看

实现

1.在活跃页签中执行JavaScript

在当前活跃页签中使用【在活跃的Safari浏览器标签页上运行】执行 JavaScript 获取 Video 标签的链接

图片

2.提取视频链接组合为HTML

循环匹配的所有视频链接并重新组合为 Video 标签,使用 HTML 格式进行展示

图片

图片

没有匹配到视频时使用【显示提醒】进行提示

图片

完整示例预览

在浏览器页签【分享】-> 【网页提取视频】-> 点击【预览视频】项-> 跳转新页签打开视频-> 【分享】->【存储到文件

图片

友情链接

文件App:apps.apple.com/cn/app/%E6%…

快捷指令口令

见原文:【快捷指令案例】 提取网页视频)

本文同步自微信公众号 "程序员小溪" ,这里只是同步,想看及时消息请移步我的公众号,不定时更新我的学习经验。