干货内容:技术干货 | 如何实现对动态PPT的云端录制？

　　干货内容:技术干货 | 如何实现对动态PPT的云端录制？

　　技术干货 | 如何实现动态PPT云录制？

　　即时科技 ZEGO

　　2021-06-10 22:56

　　打开网易新闻查看精彩图片

　　摘要：动态PPT的使用场景日益增多，如何在云录制中支持录制完整的动态PPT效果成为越来越迫切的需求。

　　文｜鸡狗云录音引擎团队

　　在远程会议和在线教育场景中，使用带有*敏*感*词*效果的动态PPT可以迅速引起观看者的兴趣。通过在PPT中加入丰富的*敏*感*词*效果和音视频内容，观众也可以快速理解演讲者所表达的观点。.

　　随着动态PPT在远程交互中的使用越来越多，支持云录制动态PPT录制成为迫切需求。本文主要讨论基于Chromium浏览器的云动态PPT录制技术。

　　本文分为四个部分：

　　

" />

　　1.动态PPT图片获取

　　远程分享文件时，动态PPT会被转码生成HTML页面，所以如果要截取PPT内容画面，需要启动浏览器进行渲染。这里我们选择开源的Chromium浏览器，所以在介绍合集链接之前，我们先了解一下Chromium的渲染原理。

　　Chromium的渲染引擎是Blink，渲染会经历以下五个阶段：

　　1、首先，网页内容解析后，会被Blink存储为节点对象树（称为DOM树）。节点对象树用于将页面上的每个 HTML 元素和元素之间的文本与相应的节点相关联。

　　2.引擎中的GraphicsContext负责将像素写入最终显示在屏幕上的位图中。为了让它知道如何绘制每个节点，输出的DOM树中的每个节点都必须生成一个对应的渲染对象（Render Object），渲染对象知道如何绘制对应节点中的内容，渲染对象存储在一个与节点对象树平行的树结构，称为渲染树。

　　3、为了正确显示重叠内容、半透明元素、CSS变换等，需要引入RenderLayer（渲染层）的概念。具有特定行为（根对象、透明度等）的渲染对象将创建一个 RenderLayer 并与其通信对应。RenderLayer 也形成了树状层次结构。根节点是页面中根元素对应的RenderLayer，每个节点的后代是父层可视化收录

的层，每个渲染层节点会按Z轴排序。

　　4. 虽然理论上每个单独的 RenderLayer 都可以将自己绘制到单独的背衬表面上，但实际上这在内存（尤其是 VRAM）方面会非常浪费。所以在进入compositor之前，必须多路复用，引入GraphicsLayers（图形层），对应一个或多个渲染层。每个图形层都有一个 GraphicsContext 用于绘制关联的渲染层，合成器最终负责在后续合成过程中将 GraphicsContext 输出的位图组合成最终的屏幕图像。简而言之，逻辑上有四种并行的树结构，分别是：节点对象树、渲染对象树、渲染层树、图形层树。结构如下图所示。

　　打开网易新闻查看精彩图片

　　5、将之前生成的图形层的格式进行转换抽象后，交给合成器。合成器经历两个阶段：1. 绘图，2. 合成。经过这两个过程后，合成器将不同层次、不同部分的图像进行叠加合成，对显示设备进行光栅化、绘制等操作。如果是软件光栅化，会生成位图，否则会生成纹理。在 Chromium 75 发布后，合成器被分离成可视化进程（GPU Process）。具体的综合简化模型如下图所示。当使用软件渲染时，GL_framebuffer 会变成SoftwareOutputDevice。

　　打开网易新闻查看精彩图片

　　

" />

　　通过了解Chromium的渲染过程，我们可以清楚地发现，我们只需要获取OutputSurface中的纹理或者位图，就可以捕捉动态PPT画面进行录制。Chromium 对此也有一个非常方便的 API 接口。通过Chromium的跨进程相关接口访问共享内存的图片数据，完成页面采集。

　　2. 音频数据采集

　　除了页面捕获的相关接口，Chromium还提供了访问音频数据的接口AudioLoopbackStreamCreator来创建，使用media::AudioCapturerSource::CaptureCallback回调接收音频参数和音频数据进行录音。

　　3.同步动态PPT页面流程交互

　　通过前面两步，我们已经可以采集房间内的动态PPT图片和音频了。对于动态PPT，需要同步动态PPT效果。

　　我们通过后台信号使用 Chromium 的 C++ 和 JavaScript 通信。当渲染进程开始时，我们向 Chromium 注册上下文对象，这样可以方便进程间通信。

　　4. 白板图元的记录

　　白板图元是指绘制在白板上的图形数据。通常，在分享完PPT后，难免会在PPT上画图并标注内容。因此，有必要支持在动态PPT上录制标记。

　　我们在接收到后台同步信号后进行绘制，最后刷新局部脏区，变换坐标矩阵，图像优化，最终以极低的性能开销将白板图元合成为动态PPT图像，保证上课能够完美上课恢复发生。

　　总结

　　云录制动态PPT本质上是通过嵌入式浏览器修改和记录数据采集过程。由于录音是在服务器端进行的，因此对录音的稳定性和性能有着较大的考验。我们在实践中做了很多。改进优化，使其高度稳定，封装在云录制API中，开发者可以用最少的工作量快速集成并拥有该功能。

　　解决方案:亚马逊精细化运营中新品文案的两个重点

　　我们上个月推出了一款产品。一开始业绩不达预期，降价效果不佳。拖了半个月，终于在临近黑色星期五的时候，排名有了明显的提升。当然，也对应着销量的增加，我们开始安排大量的补货计划。

　　销售额的稳步增长也是精细化合规经营的一个特点。可能没有黑科技方法那么快，但是大部分都会很慢，让人比较省心，不用担心掉下去之后的各种结算。

　　（来源：卖家精灵插件）

　　本次新品的性能也回应了运营中的三个常见问题：

　　平台活动日适合做新品推广吗？

　　Ermeow：黑色星期五等平台的大流量对新产品的帮助真的很大。降价真的是万全之策吗？二喵：看来降价并不是最好的策略。多源获取流量才是正道。涨价会影响销量吗？

　　Ermeow：销量稳定后（一到两周），慢慢涨价不会减少销量

　　虽然这款新品没有快速卖单的经验，主要是靠流量的冲击，但如果打不好基础，也只是昙花一现，无法把握流量做销量稳步上升。

　　当一个新产品开发出来，即将开始销售时，需要同时安排很多工作，比如制定销售计划、采购生产、产品拍照、拍摄视频、撰写文案等等。

　　这些事项非常重要，本文主要关注这两个基础。他们是：

　　1、卖点细化

　　2. 关键词 采集

　　我们先来看第一点。

　　一

　　如何提炼卖点

　　卖点是什么？

　　关于产品卖点的理解，二喵在之前的一篇文章中提到：

　　卖点也是特色。是稀缺的东西，是你有的，你没有的，能很快被顾客记住。但有时features和另一个词“features”会被很多人混淆，所以有些产品listing显得杂乱无章，没有突出产品的重点。

　　我们应该如何理解“特色”和“特色”呢？

　　特征先于特征。当这一点慢慢被别人模仿并变得普遍时，它就成为了一个特点。

　　一个产品可能有很*敏*感*词*。

　　比如刀。

　　它的特点是刀刃锋利，用起来不费力，但因为所有的刀都有这个特点，所以说到刀自然会有这种印象，所以没必要在这两点上花很多时间。而刀如果有可变形的功能，那一点就比较特殊，属于特色，可以在版面上多花点墨。当然，如果慢慢的很多卖家的刀都是可以变形的，那么这个特性就会成为一个特性，变得普遍。

　　比如有段时间安利有一款冬暖夏凉的猫砂。看到网上有家禽下蛋的草窝~

　　（来源：网络地图的入侵与删除）

　　这很普通。为家禽下蛋是这款草窝的基本特点，所有卖家都会提到这一点。

　　但是突然有个卖家把关键词换成了猫砂，所以他家的蛋窝看起来很特别，吸引了大批铲屎官前来购买。

　　（来源：网络地图的入侵与删除）

　　如果家禽用品的属性升级为宠物用品，价格自然也会随之升级。

　　

" />

　　这就是有特色的产品的好处。

　　两家店同款草窝价格对比

　　但如果草巢全网开始卖猫砂，这个功能就没有了，价格可能会失去优势。

　　我们常说产品的卖点就是我有别人没有的那种特点。

　　这个特征可能是有形有形的，也可能是一个概念。

　　那么我们怎样才能找到它呢？

　　首先，你要对自己的产品有一个透彻的了解，把它的基本信息准确的一一罗列出来，也就是把文案写好，然后挑出和别人不一样的点来突出。

　　（来源：二喵原创）

　　第二点是可以从已有的竞品评价中捕捉真实的买家反馈，从反馈中找到客户痛点。

　　比如我想卖一个如图所示的猫爬架，如何通过竞品的评论来抓取它的卖点呢？

　　（来源：亚马逊前台）

　　和往常一样，我们先去看看这个房源的顾客差评怎么说吧~

　　第一个问题是攀爬架上的小球设计不当，可能对优采云

造成严重的危险。成千上万的人觉得这个问题非常有用，这说明重视猫的安全是很多买家的共识。

　　（来源：亚马逊前台）

　　正好我的产品没有他们说的问题，所以这个“猫的安全”是我应该提炼的卖点。

　　第二个问题就是猫爬架的味道太难闻了，感觉有毒。

　　（来源：亚马逊前台）

　　而我的产品在打样的时候就注意了这个问题。“环保材料，安全无毒”是我要提炼的另一个卖点。

　　PS：在这个差评中，我又发现了一个非常亮眼的评价。一个产品问题能升到国家级也是让人无语。当中文能和垃圾分开的时候，需要大家一起努力~

　　（来源：亚马逊前台）

　　在实际操作中，我们可以梳理出更多的竞品，然后分批采集

评估，进行更全面的分析。

　　那么你需要使用一个运营助手，可以批量采集

所有评论。二猫经常使用的卖家精灵插件中的“下载评论”功能，可以一次性满足这一需求。这是一个非常有用的操作工具。您可以下载表格形式的评论，然后我们可以对正面或负面评论进行排序和过滤。

　　下面是如何使用它：

　　（来源：卖家精灵插件）

　　二

　　

" />

　　关键词 去哪里找

　　关键词 可以从各种来源采集

并放置在列表中用于客户搜索和广告。二喵把它分为三种：

　　比如产品本身的属性，它的名字是什么，是做什么用的，是什么材质，什么颜色……这些都是基本的关键词，也体现了我们对产品的熟悉程度。

　　（来源：二喵原创）

　　客户搜索词和竞品关键词需要积累或使用其他运营工具。

　　如果我们之前有类似的老产品，我们可能会通过广告积累更好的客户搜索词。如果没有，我们只能使用其他操作工具。

　　这里我们使用Seller Wizard工具来展示如何采集

客户搜索词和竞品关键词。

　　比如我们以“猫树”为根词，挖掘出更多的客户搜索词，就可以得到每月的搜索趋势、每月的搜索量、预估的每月销量、竞品数量等一些信息。与“猫树”相关的词组。每个指标后面的小问号里都有详细的解释，通俗易懂。然后可以直接复制或下载该表以供进一步分析。

　　（来源：卖家精灵官网）

　　卖家精灵中的关键词挖矿有两种：“静态挖矿”和“动态挖矿”。

　　静态挖掘就是我们输入一个词根，就会根据这个词根挖掘出相关的搜索词，有点类似于广告的词组匹配方式。

　　（来源：卖家精灵官网）

　　动态挖掘是指当我们输入一个词根时，会挖掘出更多与这个词相关的词，而词根也会发生变化。

　　（来源：卖家精灵官网）

　　动静结合一起使用采集

更全面！

　　竞品关键词可以使用“关键词反向查询”功能。

　　输入ASIN后，就可以得到给这个ASIN带来曝光的词和它们的索引数据。

　　（来源：卖家精灵官网）

　　如果您不使用工具，有几种简单的方法可以获取它：

　　例如，一些搜索词也可以从亚马逊搜索框获取。

　　（来源：亚马逊前台）

　　或者其他卖家的title copy也是别人选的，也值得参考。

　　（来源：亚马逊前台）

　　它不如操作工具有效。

　　通过整理不同的关键词，结合商品的基本信息和提炼出的卖点，一份极具吸引力的文案呼之欲出。