EdgeOne 边缘函数—如何动态改写 M3U8 媒体文件

目前,各大主流厂商都推出了自己的边缘 Serverless 服务,如 CloudFlare Workers、 Vercel EdgeRuntime 等;腾讯云 EdgeOne 边缘函数提供了部署在边缘节点的 Serverless 代码执行环境,只需编写业务函数代码并设置触发规则,即可在靠近用户的边缘节点上弹性、安全地运行代码。

一、前言

HTTP Live Streaming(HLS)是一种基于HTTP 的流媒体传输协议,广泛应用于直播和点播视频内容的传输。M3U8 文件是 HLS 技术中的一部分,包含对多个媒体文件的引用(通常是 TS 文件)。

  1. 自适应流:HLS 支持自适应比特率流,可以根据观众的网络条件和设备性能自动调整视频质量。

  2. 广泛的设备和平台支持:HLS 由 Apple 开发,因此所有 Apple 设备都有原生支持。此外,许多其他平台和设备也支持HLS。这使得 HLS 成为跨平台流媒体传输的理想选择。

  3. 加密和 DRM 支持:HLS 支持内容加密,以及与各种数字版权管理(DRM)方案的集成。

  4. 实时和点播流:HLS 既可以用于实时流(如直播),也可以用于点播内容。这使得它在各种流媒体场景中都非常有用。

HLS 在流媒体领域得到了广泛的应用,无论是大型的流媒体服务,还是小型的独立开发者,都在使用这项技术。

二、边缘改写 M3U8 文件

在实际使用过程中,开发者可能需要对 M3U8 文件进行改写和处理,以下是一些常见的场景:

  1. 自定义播放列表:开发者可能需要根据用户的网络状况、设备性能或地理位置,选择不同的媒体流。

  2. 内容安全和访问控制:为了保护版权内容,开发者可能需要对 M3U8 文件进行处理,以实现加密、添加访问令牌等功能。

  3. 广告插入:在流媒体内容中插入广告是一种常见的商业模式。开发者可以通过修改 M3U8 文件,在视频播放的特定时间点插入广告片段。

对 M3U8 文件进行改写和处理可以帮助开发者实现更丰富、更灵活的流媒体应用场景。

得益于 EdgeOne 边缘函数的可编程能力,开发者可以在边缘节点是处理 M3U8 媒体文件,动态的修改和注入内容。

三、应用场景

下面我们以三个场景为例,了解如何使用边缘函数实现 动态改写 M3U8 文件

1. 代码示例旨在展示边缘函数的能力,仅列举常见方案的基本实现;
2. 文章中涉及的代码可 私信获取查看;

3.1 添加 URL 鉴权

改写 M3U8 文件内容,为每个 TS 文件请求添加 URL 鉴权参数,主要用于保护视频内容的安全。以下是一些可能的场景:

  1. 付费内容:例如,一些视频网站可能会提供付费的电影、电视剧或直播服务。这些网站可以通过URL鉴权来确保只有付费用户才能访问内容;

  2. 会员内容:一些网站可能会为会员提供独家内容。这些网站可以使用 URL 鉴权来限制只有会员才能访问这些内容;

我们可以在边缘函数中实现动态添加 URL 鉴权参数,以达到保护内容的目的。

假定原始 M3U8 文件为:

#EXTM3U
#EXT-X-VERSION:3
#EXT-X-TARGETDURATION:10
#EXT-X-MEDIA-SEQUENCE:0
#EXTINF:10.000000,
8k60_-bulgaria_8k_hdr_60p_fuhd692899210.ts
#EXTINF:10.000000,
8k60_-bulgaria_8k_hdr_60p_fuhd692899211.ts
#EXTINF:10.000000,
8k60_-bulgaria_8k_hdr_60p_fuhd692899212.ts
...
#EXTINF:9.360422,
8k60_-bulgaria_8k_hdr_60p_fuhd6928992133.ts
#EXT-X-ENDLIST

客户端获取 M3U8 文件的 HTTP 请求携带 Type A 参数 auth_key,形如:http://localhost:8080/xxx.m3u8?auth_key=1698752518-0-00001-ff87dbc0598...

此次请求触发边缘函数,根据 M3U8 HTTP 请求的 auth_key 参数,获取到 timestampranduid 等关键信息,根据这些参数计算出每个 TS 请求的 Type A 鉴权参数 auth_key,并修改 M3U8 文件中,每个 TS 请求的 URL:

...
async function rewriteLine({ line, querySign }) {
  if (/^\s*$/.test(line)) {
    return line;
  }

  if (line.charAt(0) === "#") {
    if (line.startsWith("#EXT-X-MAP")) {
      const key = await createSign(querySign, line);

      line = line.replace(/URI="([^"]+)"/, (matched, p1) => {
        return p1 ? matched.replace(p1, `${p1}?key=${key}`) : matched;
      });
    }
    return line;
  }

  const key = await createSign(querySign, line);

  return `${line}?${AUTH_KEY_NAME}=${key}`;
}

async function createSign(querySign, line) {
  const { basePath, ts, rand, uid } = querySign;
  const pathname = `${basePath}/${line}`;

  const md5hash = await md5([pathname, ts, rand, uid, SECRET_KEY].join("-"));
  const key = [ts, rand, uid, md5hash].join("-");

  return key;
}
... 

经过上面的处理,原 M3U8 文件中的 TS 请求都被改写:

客户端播放器解析 M3U8 文件,发起 TS 请求,携带 Type A 鉴权参数 auth_key,形如:http://localhost:8080/xxx.ts?auth_key=1698752518-0-00001-88cbab261a...

获取 TS 资源的 HTTP 请求仍然会触发边缘函数执行,此时函数会进行 auth_key 的校验:

...
async function checkTypeA(urlInfo) {
  const sign = urlInfo.searchParams.get(AUTH_KEY_NAME) || "";
  const elements = sign.split("-");

  if (elements.length !== 4) {
    return {
      flag: false,
      message: "Invalid Sign Format",
    };
  }

  const [ts, rand, uid, md5hash] = elements;
  if (!ts || !rand || !uid || !md5hash) {
    return {
      flag: false,
      message: "Invalid Sign Format",
    };
  }

  if (!isNumber(ts)) {
    return {
      flag: false,
      message: "Sign Expired",
    };
  }

  const now = Math.floor(Date.now() / 1000);
  if (now > Number(ts)) {
    return {
      flag: false,
      message: "Sign Expired",
    };
  }

  const hash = await md5(
    [urlInfo.pathname, ts, rand, uid, SECRET_KEY].join("-")
  );
  if (hash !== md5hash) {
    return {
      flag: false,
      message: "Verify Sign Failed",
    };
  }
  return {
    flag: true,
    message: "success",
  };
}
...

如果 TS URL 携带的 auth_key 校验通过,会正常返回资源,客户端可以正常播放视频,如图所示:

如果 TS URL 携带的 auth_key 不合法,或者未携带参数,边缘函数将会返回 403,视频不会正常播放:

注意:
添加 URL 鉴权参数仅是一种访问控制的方式,在 《 EdgeOne 边缘函数 - 如何实现“防盗”与访问控制》 中介绍的访问控制方案,均可与 M3U8 文件改写结合使用。

3.2 插入广告

在 M3U8 文件中通过添加 TS 文件的方式插入广告,是一种常见的在线视频广告投放方式。这种方式可以在视频流中无缝插入广告。主要应用场景有:

  1. 在线视频平台:例如 YouTube、Netflix 等,可以在视频的开始、中间或结束时插入广告;

  2. 直播平台:例如 Twitch、斗鱼等,可以在直播的特定时刻插入广告;

这种方式相比其他广告插入方式有以下优势:

  1. 灵活性:可以根据需要在任何时刻插入广告,例如在视频的开始、中间或结束;

  2. 兼容性:这种方式不依赖于特定的播放器,只要设备支持 HLS,就可以播放广告;

  3. 个性化:可以根据用户的行为、兴趣或地理位置等因素,投放定制的广告;

我们可以利用这种思路,在边缘节点上动态修改 M3U8 文件中的 TS 文件列表。

假定原始 M3U8 文件为:

#EXTM3U
#EXT-X-VERSION:3
#EXT-X-TARGETDURATION:10
#EXT-X-MEDIA-SEQUENCE:0
#EXTINF:10.000000,
8k60_-bulgaria_8k_hdr_60p_fuhd692899210.ts
#EXTINF:10.000000,
8k60_-bulgaria_8k_hdr_60p_fuhd692899211.ts
#EXTINF:10.000000,
8k60_-bulgaria_8k_hdr_60p_fuhd692899212.ts
...
#EXTINF:9.360422,
8k60_-bulgaria_8k_hdr_60p_fuhd6928992133.ts
#EXT-X-ENDLIST

通过边缘函数,将预先准备好的广告 TS 片段注入:

const AD_TS = `#EXTINF:10.000000,
http://m3u8-1251557890.cos.ap-guangzhou.myqcloud.com/apple_watch_apple_watch_hermes184006680.ts
#EXTINF:10.000000,
http://m3u8-1251557890.cos.ap-guangzhou.myqcloud.com/apple_watch_apple_watch_hermes184006681.ts
#EXTINF:10.000000,
http://m3u8-1251557890.cos.ap-guangzhou.myqcloud.com/apple_watch_apple_watch_hermes184006682.ts
#EXT-X-DISCONTINUITY`;

...
async function handleM3U8(request) {
  ...
  const response = await fetchOrigin(request);
  if (response.status !== 200) {
    return response;
  }

  const originalM3U8 = await response.text();

  const modifiedM3U8 = originalM3U8.replace(
    "#EXT-X-MEDIA-SEQUENCE:0",
    `#EXT-X-MEDIA-SEQUENCE:0\n${AD_TS}`
  );

  return new Response(modifiedM3U8, response);
}
...

经过上面的处理,原 M3U8 文件中插入了广告 TS 片段:

当客户端播放器拿到改写的 M3U8 文件后,将会首先播放广告:

广告播放完毕,无缝切换,播放视频内容:

注意:
广告内容在一段时间内相对固定,因此无需每次重复进行 M3U8 改写,可以使用 Cache 进行合理缓存;

3.3 地域定制

根据地理位置投放广告可以更有效地达到广告目标,提高广告效果,提供个性化体验。在场景 2 的基础上,我们可以进一步修改代码,借助边缘函数 Request API 的 request.eo.geo 参数,获取客户端的地理位置,注入不同的广告内容,实现精细化广告投放。

const AD_TS_1 = `...AD_TS_1...`;
const AD_TS_2 = `...AD_TS_2...`;

const ADS = {
  CN: AD_TS_1,
  US: AD_TS_2,
};

...
async function handleM3U8(request) {
  ...
  const response = await fetchOrigin(request);
  if (response.status !== 200) {
    return response;
  }

  const originalM3U8 = await response.text();
  const alpha2code = request.eo.geo.countryCodeAlpha2;
  const AD_TS = ADS?.[alpha2code];
  const modifiedM3u8 = originalM3U8;
  
  if (AD_TS) {
    modifiedM3U8 = originalM3U8.replace(
      "#EXT-X-MEDIA-SEQUENCE:0",
      `#EXT-X-MEDIA-SEQUENCE:0\n${AD_TS}`
    );
  }

  return new Response(modifiedM3U8, response);
}
...
注意:
与基于  request.eo.geo 定制广告 TS 片段同理,开发者可以定制视频的其他局部 TS,受限于文章篇幅,本文不做展示。

四、总结

使用 EdgeOne 边缘函数在边缘节点改写 M3U8 文件,在保证 CDN 加速效果的同时,可以实现便捷、灵活的流媒体处理,根据用户的实际情况动态调整媒体流,从而优化业务流程,降低维护成本。

参考 API 列表

  • Runtime API - Fetch
  • Runtime API - Request
  • Runtime API - Web Crypto

欢迎各位童鞋来体验和使用 EdgeOne 边缘函数,挖掘更多玩法:

  • EdgeOne 控制台
  • 边缘函数官网文档
  • 边缘函数脚手架 TEF CLI

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/720258.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

网上书店商城项目采用SpringBoot+Vue前后端分离技术(商家端、移动端、PC端)

项目简介: 本项目基于SpringBootVue2技术设计并实现了一个网上书店商城系统。系统的数据采用MYSQL数据库进行存储,开发工具选择为IDEA或VSCode工具。本商城系统具有前台购物功能和后台相应的信息管理。前台用户登陆注册后可以进行商品浏览、添加购物车、…

【代码随想录】【算法训练营】【第42天】 [1049]最后一块石头的重量II [494]目标和 [474]一和零

前言 思路及算法思维,指路 代码随想录。 题目来自 LeetCode。 day 42,周二,坚持一下~ 题目详情 [1049] 最后一块石头的重量II 题目描述 1049 最后一块石头的重量II 解题思路 前提:最多只会剩下一块 石头,求此…

SQL Server入门-SSMS简单使用(2008R2版)-2

环境: win10,SQL Server 2008 R2 参考: SQL Server 管理套件(SSMS)_w3cschool https://www.w3cschool.cn/sqlserver/sqlserver-oe8928ks.html SQL Server存储过程_w3cschool https://www.w3cschool.cn/sqlserver/sql…

MySQL Explain 关键字详解

概述 explain 关键字可以模拟执行 sql 查询语句,输出执行计划,分析查询语句的执行性能 使用方式如下:explain sql explain select * from t1执行计划各字段含义 1. id 如果 id 序号相同,从上往下执行如果 id 序号不同&#…

Blurry - hackthebox

简介 靶机名称:Blurry 难度:中等 靶场地址:https://app.hackthebox.com/machines/605 本地环境 靶机IP :10.10.11.19 linux渗透机IP(kali 2024.2):10.10.16.17 windows渗透机IP(windows11&#xff0…

FastAdmin后台开发框架 lang 任意文件读取漏洞复现

0x01 产品简介 FastAdmin是一款基于PHPBootstrap的开源后台框架,专为开发者精心打造。它基于ThinkPHP和Bootstrap两大主流技术构建,拥有完善的权限管理系统和一键生成CRUD等强大功能。FastAdmin致力于提高开发效率,降低开发成本,…

UltraEdit电脑版下载_UltraEdit文本编辑器中文版下载_UltraEdit 2024最新版软件安装包下载附加详细安装步骤

UltraEdit中文版是一款功能强大的文本编辑器,几乎可以满足你所有的工作需求。使用UltraEdit文本编辑器可以操作更多记事本所不能处理的工作。如:基本的编辑文本、十六进制、ASCLL码、语法加亮、代码折叠、代码单词拼写检查等、C 及 VB 指令突显等,附有 H…

ICMAN触摸芯片隔空感应演示

ICMAN高性能触摸芯片之隔空感应演示 ——手掌靠近感应盘但未触摸,芯片即可实现隔空感应,指示灯亮起。 上下左右快扫、慢扫;反应灵敏,无误触发。 产品方案设计的简单,只需要通过调整电容,即可满足客户灵敏…

安全测试必备工具——SQLMap 安装及基本应用

检测SQL注入漏洞的专用工具是安全人士工具箱的必备品。Sqlmap是由python开发的用来检测与利用SQL注入漏洞的免费开源工具。它可以确定哪些参数、标头或数据元素容易受到SQL注入的影响,以及哪些类型的攻击是可能的。本文详细讲解这款神器的安装及使用。 1、什么是SQ…

LabVIEW版本、硬件驱动和Windows版本之间兼容性

在LabVIEW应用开发和部署过程中,确保LabVIEW版本、硬件驱动和Windows版本之间的一致性和兼容性至关重要。这不仅影响程序的稳定性和性能,还关系到项目的成功实施。本文从多角度详细分析这些因素之间的兼容性问题,并提供相关建议。 兼容性考虑…

Windows 安装 java 环境

搭建java开发环境 java的产品叫JDK(java开发者工具包),必须安装JDK才能使用Java。 一、下载——java下载网址 二、安装 直接全部下一步就行,(安装路径可以更换一下)。 配置JAVA_HOME环境变量, 安装完成后…

基于 Arm 虚拟硬件实现人脸特征提取模型的部署

基于 Arm 虚拟硬件实现人脸特征提取模型的部署 文章目录 1 实验背景1.1 Arm 虚拟硬件介绍1.2 文章简介 2 实验目标3 实验前准备3.1 订阅 Arm 虚拟硬件镜像的百度智能云云服务器 BCC 实例3.2 克隆实验代码 4 实验步骤4.1 配置开发环境4.1.1 配置 CMSIS-Toolbox 环境4.1.2 配置 P…

教你一招,一键学会NAS磁盘“净身出户”的好方法!

在毕业季这个充满离别与新的开始的时刻,空气中似乎也弥漫着一种“断舍离”的氛围。就在这个特殊的季节里,我们迎来了618购物节,各种诱人的优惠活动如雨后春笋般涌现。铁威马618优惠不断!T系列部分低至六折! 在这个热闹…

MathType软件下载2024最新版_MathType官方免费下载附加详细安装步骤

MathType(数学公式编辑器)是由Design Science公司研发的一款专业的数学公式编辑工具。MathType功能非常强大,尤其适用于专门研究数学领域的人群使用。使用MathType让你在输入数学公式的时候能够更加的得心应手,各种复杂的运算符号也不在话下。 安 装 包 …

影音发烧友必入:高清先生M8 8K蓝光播放机使用体验8K播放器

影音发烧友必入:高清先生M8 8K蓝光播放机使用体验 高清先生在5.18成功举办新品8K蓝光播放机“M8”的发布会后,心心念念想尝鲜,于是果断下单了一台。 外形 收到货后,是牛皮纸包装,醒目的“高清先生”标识印在正面&…

【凤凰房产-注册安全分析报告-缺少轨迹的滑动条】

前言 由于网站注册入口容易被黑客攻击,存在如下安全问题: 1. 暴力破解密码,造成用户信息泄露 2. 短信盗刷的安全问题,影响业务及导致用户投诉 3. 带来经济损失,尤其是后付费客户,风险巨大,造…

【element 】修改下拉菜单<el-dropdown样式为横向(超简单)

最终效果&#xff1a; 原先的默认样式&#xff1a; 代码&#xff1a; 只需在<style>中添加以下样式代码即可 .horizontal-dropdown .el-dropdown-menu {display: flex; }

深入Node.js:实现网易云音乐数据自动化抓取

随着互联网技术的飞速发展&#xff0c;数据已成为企业和个人获取信息、洞察市场趋势的重要资源。音频数据&#xff0c;尤其是来自流行音乐平台如网易云音乐的数据&#xff0c;因其丰富的用户交互和内容多样性&#xff0c;成为研究用户行为和市场动态的宝贵资料。本文将深入探讨…

2 图片的分割处理和亚像素精度处理(c++和python)

本文的图片处理分为图片分割、图像的亚像素坐标处理。亚像素处理的原理可以看论文一种基于多项式插值改进的亚像素细分算法&#xff0c;该论文的详解及c的代码实现可以看博文基于多项式插值的亚像素边缘定位算法_基于多项式插值的亚像素算法-CSDN博客。下面的内容很多来自以上博…

分析医药零售数据该用哪个BI数据可视化工具?

数据是企业决策的重要依据&#xff0c;可以用于现代企业大数据可视化分析的BI工具有很多&#xff0c;各有各擅长的领域。那么哪个BI数据可视化工具分析医药零售数据又好又快&#xff1f; 做医药零售数据分析首推奥威BI数据可视化工具&#xff01; 奥威BI数据可视化工具做医药…