几年来，我一直在电视在线和视频点播 (VOD) 行业工作。在开发一个调度程序 Web 应用程序时，我意识到电子节目指南 (EPG) 和调度方面没有好的解决方案。诚然，对于大多数 Web 开发人员来说，这是一个小众功能，但它是电视应用程序的常见要求。我看到并分析了许多网站，它们都实现了自己的 EPG 或时间轴，我经常想知道为什么每个人似乎都在发明自己的解决方案，而不是致力于每个人都可以使用的共享解决方案。那时我开始开发 Planby。
Planby 是一个 React (JavaScript) 组件，可帮助您为在线电视和视频点播 (VOD) 服务、音乐和体育赛事等创建日程表、时间轴和电子节目指南 (EPG)。Planby 使用自定义虚拟视图，使您能够处理大量数据，并以友好且有用的方式将其呈现给您的观众。
Planby 具有简单的 API，您可以将其与第三方 UI 库集成。组件主题根据应用程序设计的需求进行自定义。
时间轴性能
在实现时间轴功能时，最重要的是性能。您可能会处理基本上跨越许多不同频道的无尽数据流。应用程序可能在刷新、移动和滚动方面遇到困难。您希望用户与内容的交互流畅。
还可能存在设计不良的情况。有时，应用程序以列表的形式实现 EPG 时间轴，您必须垂直滚动该列表，这意味着您必须单击按钮才能在时间上左右移动，这很快就会让人感到疲倦。更重要的是，有时与 EPG 交互的自定义（例如评分、选择您喜欢的频道、从右到左阅读 (RTL) 等）根本不可用，或者即使可用，它们也会导致性能问题。
我经常面临的另一个问题是，应用程序在数据传输中过于冗长。当应用程序在您滚动 EPG 时同时请求数据时，时间轴会感觉很慢，甚至可能崩溃。
什么是 Planby？
这就是 Planby 的用武之地。Planby 是从头开始构建的，使用 React 和 Typescript 以及最少的资源。它使用自定义虚拟视图，使您能够处理大量数据。它向用户显示节目和频道，并根据小时和分配的频道自动定位所有元素。当资源不包含内容时，Planby 会计算定位，以便时间段正确对齐。
Planby 具有简单的界面，并包含所有必要的功能，例如侧边栏、时间轴本身、令人愉悦的布局和实时节目刷新。此外，还有一个可选功能，允许您隐藏任何您不想包含在布局中的元素。
Planby 具有简单的 API，允许您作为开发人员实现您自己的项目以及您的用户偏好。您可以使用 Planby 的主题来开发新功能，或者您可以制作自定义样式以适应您选择的设计。您可以轻松地与其他功能集成，例如日历、评分选项、用户收藏列表、滚动、“现在”按钮、录制计划、追赶内容等等。更重要的是，您可以添加自定义全局样式，包括从右到左 (RTL) 功能。
最重要的是，它使用开源 MIT 许可。
试用 Planby
如果您想试用 Planby，或者只是想了解更多信息，请访问 Git 仓库。在那里，我提供了一些可能性的示例，您可以阅读文档了解详细信息。该软件包也可通过 npm 获得。
评论已关闭。