使用 bbc-tal 在广播之上实现应用层答案

【问题标题】：Implementing an application layer on top of a broadcast with bbc-tal使用 bbc-tal 在广播之上实现应用层
【发布时间】：2019-03-07 16:20:37
【问题描述】：

我正在尝试在正在进行的广播之上实现一个可点击的基于 HTML/CSS/Javascript 的层组件，例如广播顶部的可点击广告横幅。

但作为 TAL 框架的新手，我目前正在尝试在 BBC 提供的示例项目中弄清楚：

https://github.com/bbc/talexample

任何有关在 TAL 框架中使用广播对象的帮助，或一般性建议对我来说都是一个巨大的帮助，因为我正在努力理解该框架。

TAL 的 Broadcast TV Widget 文档可在此处找到：https://bbc.github.io/tal/other/broadcast.html

我的作品总体上是基于 HbbTV 的，如果有什么不同的话。

【问题讨论】：

在 bbc tal 中，他们使用部门标签来创建大多数控件。因此，您可能会有一个广播区域，因此您可以简单地在其上放置一个 html 来显示广告。或者在广播区域内创建一个按钮并在那里显示内容。
谢谢！但是我应该在哪里实现我的html？
您不能直接注入 html ，您可以做的就是使用 tal 按钮，它们可以为您完成这项工作。 tal 按钮只不过是一个 div，因此您可以添加它并赋予您想要的样式。
好的！对于您提到的测试按钮（甚至标签！）的情况，我是否可以从您那里获得任何进一步的帮助，而不是在虚拟盒（vewd）或扩展（再次为vewd）上，而是在正在进行的广播中？正如此问题页面上的另一个答案所暗示的，操作当前 talexample 应用程序的图层（css）应该就足够了，我可以通过节点访问应用程序，但是如何在电视上测试它们呢？请原谅我的提问，但我很迷茫，并且没有人可以作为 TAL 和 TV Apps 的导师。
如果您想在电视中测试它，那么您必须为该特定电视添加页面策略。请查看 bbc tal 中的页面策略

标签： javascript television smart-tv hbbtv bbc-tal

【解决方案1】：

我对 TAL 不是很熟悉，但您链接的广播小部件似乎用于控制广播对象（showCurrentChannel()、getCurrentChannelName()、setPosition(top, left, width, height) 等）所以，如果您只需要在广播上构建一个可点击的横幅，则不需要处理广播对象。

从talexample开始你可以：

调整 static/style/layouts/720p.css 以仅填充您想要的屏幕区域，而不是当前的全屏样式
另外，您应该从 css 中删除一些全屏资源，例如 background-image: url(../../img/bbc_background_720.png)
为了测试最少的功能集，请移除一些示例组件并只留下一个按钮或类似的按钮来测试您的修改。
搞定之后，就可以开始实现图片小部件或者你想要的小部件了

【讨论】：

谢谢！我从未想到过使用布局 css 文件，所以基本上我应该用必要的 html/小部件更改当前层，而我从你的回答中了解到，talexample 应用程序最初覆盖了广播，因此调整了布局css 将释放屏幕以进行广播。但是我应该在哪里实现我的html？
在触发上述横幅区域的点击事件后，我能否获得有关最小化广播区域（左下角）的帮助，我想我需要使用广播小部件？
抱歉，我没有使用 TAL 实现应用程序的经验。您应该仔细检查所有可用的文档，因为它不是一个微小的框架并且具有复杂的架构。查看文档，我想您应该在您的应用程序中实现 TV 小部件以便能够访问它，然后您将能够使用 setPosition(top, left, width, height) 来操作 TV 对象