NewTek Studio | Interactive Demo

什么是 HTML5 图形,为什么它在广播内容创作者中引起了如此巨大的轰动?

如今,广播直播制作更精简、更流畅、高度自动化,并且可以快速迁移到云端。这种云转型因新冠疫情而逐步扩大,疫情迫使我们大家都改变了我们的工作方式。它还极大地改变了观众的观看习惯,这对内容的制作和发布方式产生了巨大的影响。

随着工作流程转向远程、混合和云解决方案,广播制作需要新的图形技术。HTML5 图形就是答案:可以随时随地通过网络浏览器和互联网连接创建和渲染图形。

Flowics 首席执行官 Gabriel Baños(在 NAB 展上与感兴趣的 ProAV 运营商交谈)十多年来一直致力于构建和改进 HTML5 图形。

Flowics* 首席执行官 Gabriel Baños 十多年来一直致力于构建和改进 HTML5 图形。他向我们介绍了 HTML5 图形的内幕,以及为什么它是 2023 NAB 展之前广播中的最新热点。

什么是广播直播制作领域的 HTML5 图形?

HTML5 图形是新一代的直播图形,专为云时代打造。HTML 曾经是局限于编码、设计和发布网页的标准 Web 语言,现在其功能得到了极大的扩展,如更优秀的响应能力、更强的功能和性能、减少了对插件的依赖,并提高了应用程序间的移动性(一次编写,到处运行),从而在不同的设备(如手机和智能电视)上重复用户体验。

正在推动广播采用 HTML5 图形的因素有那么几个。

首先,是网络浏览器和网络技术的发展:HTML5、CSS 和 JavaScript。我们现在能够构建具有 10 年前无法想象的强大功能的 Web 应用程序。而这一切都是仅使用浏览器和互联网连接完成的。同样,HTML5 图形本质上是在任何浏览器上创建的 Web 应用程序。

得益于新的网络标准和现代化的浏览器,我们可以创建具有精美动画的数据可视化应用程序,这些应用程序可以在后台抓取和处理实时数据,并与其他应用程序建立 1:1 的永久连接,以最大限度地减少延迟。

技术进步正在改变观众的品味及他们的内容互动方式

推动采用 HTML5 图形和远程制作工作流程的另一个关键因素是通信的发展。4G 和 5G 实现了仅需移动互联网连接即可随时随地运行任何网络应用程序。

这些技术的进步让内容创作者能够更加轻松地创建内容,同时提高了成本效益。日常制作的直播内容的激增为消费者创造了更多选择,但另一方面也加剧了吸引眼球的竞争。

现在来了解一个垂直领域 — 体育。新冠疫情改变了体育迷的行为。当球迷无法再聚集在体育馆和竞技场时,他们便转向数字资源来追随他们热爱的运动,这刺激了 OTT(云端)平台和渠道的发展。尼尔森体育的一项调查显示,现在有 40.7% 的全球体育迷选择观看直播体育赛事。

这个市场只会增长,进一步分散受众。为了克服这种碎片化,内容创作者需要通过经强化的图形、屏幕数据、交互元素以及全新或经改进的相机和工作流程,来进行创新,从而吸引并留住观众。

在所有这些不同的广播平台上吸引观众需要灵活性和成本效益,而使用 HTML5 图形让这变得更加轻松。

HTML5 图形为内容创作者提供更高的灵活性和速度

在我与内容创作者(无论大小)的每次对话中,这最后都会归结为制作工作流程的灵活性,以及即时进行更改和更新的速度。

小众运动,小众工具:美国国家棍网球联盟在其广播中使用了 Flowics。前面的操作人员正在使用 Flowics 创建匹配图形

云端(远程)和混合工作流程让制作工作更加灵活。您可以让工作人员分散居家办公,从而减少差旅和设备运输成本。更不用说从世界各地挖掘更广泛的人才库了。操作人员可以与图形制作者轻松共享和协作,或者即时更改图形。无需下载,无需编码,也无需昂贵的硬件。

简而言之,HTML 5 图形支持:

  • 从任何浏览器制作图形
  • 敏捷性,无需编码或广播图形知识
  • 加强与工作人员在云端的协作
  • 利用更广泛的运营商群体的能力
  • 高成本效益的制作
  • 通过减少差旅和碳足迹来节省碳成本

使用 HTML5 图形,一切都在云端无缝发生,并可以由一人控制。

HTML 5 图形的另一个优势是本地化。当您在云端工作时,可以更加轻松地创建相同广播的多个版本,甚至是个性化数据源。例如,一个拥有全球办公室的大型广播公司可以发送多个广播信号,并重建版本以供其他国家的当地消费使用本地语言完成图形。

精美叠加:美国国家棍网球联盟使用 Flowics 制作所有比赛图形。

Flowics — 为面向未来的实时制作工作流程制定标准

Flowics 与其他 HTML5 提供商的不同之处在于我们简化数据集成(包括社交媒体)并使其尽可能无缝的方式。

借助 Flowics,HTML5 图形可以由单个操作人员创建、预览和播放。

创建在 Web 编辑器上完成。操作人员只需将预先确定的元素(我们称之为构建要素)拖放到画布中即可。您还可以添加不同的数据提供者(Google 表格、计时器、时钟、社交媒体集合和 50 多个本地数据连接器)以及预构建的小工具。

构建要素是基础 — 形状、图像、视频等。顾名思义,它们是创建 HTML5 图形的起点。

数据连接器为 Flowics 独有,可将各种来源的外部实时数据(例如天气、体育、博彩和金融数据)简单、简化地集成到您的图形中,而无需开发自定义解决方案或输入数据的人工时间和费用。无需编码。

数据从第三方来源无缝流入 Flowics,让几乎不具备图形知识的用户也能创建观众看重且信息丰富的实时图形。我们现提供 50 多种原生连接器,目前在市场上范围最广,包括体育统计提供程序、天气、金融、计时和计分系统。

第三个部分,小工具是附加机制,例如计时器和受众互动工具。

网络浏览器作为一个渲染引擎,操作人员只需获得覆盖的 URL,并通过直播链接将其插入 TriCaster 系统,即可在任何实时制作中播放图形,就是这么简单。

Flowics 平台通过提供高级 API 社交媒体集成而走得更远。集中在一个 SaaS 平台上。因此,您可以在任何制作中轻松地将实时数据与观众产生的社交媒体评论结合起来。

Flowics 确实是最全面的云端平台,为线性及数字广播公司的直播图形和交互式内容的远程及工作室内制作提供支持 — 我们也在不断改进我们的产品和能力。

不要只是相信我说的 – 请亲自尝试一下:在此注册 14 天 Flowics 免费试用
* Flowics 是 Vizrt Group 的产品系列中的 HTML5 图形产品。

Share this article:

TriCaster, 教育, NDI, 主页, 广播 - 传统, 广播 - 网络, 广播, 摄像机, 客户故事, 政府, 实时制作, 实时流媒体, NDI 主页, 热门新闻, NewTek NDI PTZ1 摄像机, 公共频道, Streaming, TriCaster 主页, TriCaster TC1, TriCaster Mini, CSHP,

教育、NDI、TriCaster


在哪里购买
NewTek 产品

NewTek 拥有遍布世界各地的经销商网络。他们全部都熟知我们的产品,是视频制作和流媒体行业内的专家。

使用本工具寻找附近的 NewTek 经销商。

寻找经销商

与一位解决方案专家交流

获取关于 NewTek 系统和 NDI 实时制作工作流的专业建议,或者允许我们在您和我们的当地合作伙伴之间进行匹配,让我们的解决方案专家为您提供帮助。