问题标签 [bitmovin-player]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
401 浏览

angular - Safari 上的 Bitmovin 播放器不会从媒体 SourceConfig 加载字幕选择选项

我在 Angular 应用程序中使用 Bitmovin 播放器(v8.15)。我已经将播放器配置如下并定义了回调

Chrome 中的 MediaCaption 看起来像这样(我们基本上扩展了 bitmovin 的 SubtitleTrack 接口并添加了subTypeand sideloaded

我们还使用如下配置加载播放器:

在 Chrome 中current看起来像这样:

在 Safari 中current看起来像这样(注意,没有dash键):

在 Chrome 中:控制台日志给了我一个包含两个项目的数组。

在 Safari 中:我得到一个空数组。

0 投票
1 回答
222 浏览

javascript - 我可以在 bitmovin 视频播放器的视频元素中添加标题属性吗?

我使用一个名为 Matomo 的服务来跟踪媒体分析。我要跟踪的一件事是视频标题,但在 bitmovin 配置中没有视频标题。当我在我的网站中跟踪来自 youtube 的视频时,它工作正常,因为 iframe 中有一个标题。我试过这样做:

(我看到那个名字一直在那里,所以我没有删除它)。我还在可以使用事件的配置中添加了带有 jQ​​uery 的标题

这似乎有效但并非总是如此,因为有时同一页面中有很多视频并且很难跟踪正确的标题,或者当视频出现时,matomo 服务开始跟踪,在配置结束之前,所以标题是还没有。

在配置播放器时以及我在播放中的自动播放开始之前,还有其他方法可以使用标题吗?谢谢你。

0 投票
1 回答
90 浏览

ios - 未调用 Bitmovin iOS PreprocessHttpRequestDelegate

我用 Bitmovin 播放器 iOS 设置了一个简单的播放器,如下所示:

此方法构建播放器,但是当我运行视频时,以下方法不会触发委托:

其他侦听器按预期工作。

有人有同样的问题吗?我按照所有运行代码寻找重复的代表,但我只设置了一次播放器。找不到此功能的文档或示例。

0 投票
0 回答
145 浏览

node.js - 安全 HLS AES-128 密钥 URI

我使用苹果工具通过 HLS AES-128 加密视频,下面是我的 m3u8 文件

密钥 URI 是我的 API 端点 URL。我将从 API 中获取密钥。

但是每当我在浏览器中复制粘贴密钥 URI ( https://xxxxx.com/api/xxx/xxxxx/xxxxxxxxxxxx/xxxxxxx.key ) 时,就会下载密钥。

每当玩家请求密钥 URI 时,如何通过标头授权。

或者有什么方法可以保护密钥 URI?

我正在通过 Bitmovin 播放器(Nodejs)播放视频,我们可以通过密钥请求 URI 的标头授权吗?

提前致谢。

0 投票
1 回答
53 浏览

reactjs - 如何学习 Chrome 控制台以查找我的对象及其方法?

我在我的 React 应用程序中使用 bitmovin API js。我在 Chrome 控制台中跌跌撞撞,试图在播放器对象上找到 API 的方法。

当我打开原型字符串时,我看不到 API 方法。相反,我得到:

我希望找到此处列出的 play() rewind() getPlaybackSpeed() 等: https ://cdn.bitmovin.com/player/web/7/docs/interfaces/playerapi.playerapi-1.html

你能指导我如何导航 Chrome 控制台和 DOM 以找到播放器及其方法吗?

PS旧帖子列出了各种各样的东西,例如:

最后,使用 React chrome 插件,我可以通过这种方式找到方法(我使用 'v' 作为扩展列表图标)

我需要帮助了解如何在我的 JS 代码中对正确的对象调用这些方法之一。组件中的“feed-player”似乎与 bitmovin-video-feed-player 无关。必须有一种方法可以链接到类似的东西:

例如。

非常感谢 Chrome 控制台 Jedi 帮助我!

0 投票
1 回答
134 浏览

android - 将 onPictureInPictureModeChanged 结果传递给反应原生模块

我正在尝试使用 react-native 在图片模式下做一些图片。我写了一个反应模块

我需要在 react native 模块中生成类似的东西

有一些方法可以以相同的方式进行,但在 ReactContextBaseJavaModule 内部

0 投票
1 回答
96 浏览

javascript - 无法将 Bitmovin Video Player 集成到 reactjs 应用程序中

我正在尝试将 Bitmovin 播放器集成到我的 react js 应用程序中。我是反应js的新手。我已经包含了 index.html 文件的 cdn 链接。单击视频横幅时,应使用视频播放器打开一个新页面。因此,在 App.js 中,我创建了一个到名为 VideoPlayer.js 的组件的路由,我在其中放置了将集成视频播放器的 <div> 元素。我已将视频播放器的 javascript 代码放在 index.html 页面中。

我做对了吗,因为视频播放器没有显示,当我将视频播放器的 javascript 代码放置到组件时,它找不到 bimovin 和 Player。

索引.html:

应用程序.js:

我没有包含 App.js 的所有代码,因为该文件有很多代码并且出于安全原因。

VideoPlayer.js(组件):

0 投票
1 回答
100 浏览

android - 如何正确布局我的 React Native Fire TV SubtitleView?

我正在使用他们的 Android SDK 开发 Bitmovin 播放器的 React Native 实现。在这个阶段,我不确定这对 Bitmovin 播放器有多具体,但由于他们现阶段不正式支持 React Native,所以我想先在 SO 上询问这个问题。这是一个带有自定义视图的 React Native UI 组件,使用布局文件。我试图在播放器视图之上呈现一个字幕视图,并且我的布局基于 Bitmovin 的简单示例。事实上,我已经进一步简化了布局:

这会在屏幕顶部显示 SubtitleView。到目前为止,我没有尝试过在屏幕底部以更常见的位置呈现 SubtitleView。据我所知,我已经对所有这些元素的每一个参数进行了试验。这是初始化视图的代码:

我读过 React Native 为 UI 组件的顶级视图设置样式,所以这是我现阶段唯一的线索。但是我不确定如何回复该信息...

编辑:问题可能是在 React Native 中动态更新 Android 中的视图布局并不简单。这已在此处详细讨论。

编辑 2:我试图监听全局布局更改,这是针对视图布局问题提出的解决方法之一:

这按预期调用,但对 subtitleView 没有影响,它仍然显示在播放器的顶部,这似乎是因为它的高度为 0。

编辑 3:另一个对我不起作用的建议解决方案:

我在构造函数中调用了 setupLayoutHack() 但在应用这些更改后也没有看到任何区别:(

编辑 4:我修复 SubtitleView 布局的最后一次尝试是尝试以各种方式进行测量和布局:

但是,在我尝试的所有情况下,高度都是 0,这意味着没有任何改变。上面的 RN 问题中提到了一个解决方案,建议应该覆盖字幕视图的阴影节点。因此,一种前进的方式可能是构建一个包含该内容的新字幕视图。

然而,在这个阶段,在我看来,在 React Native 中响应字幕提示并在那里执行所有显示和样式设置似乎是一种更简单的方法。

(还有一个较小的问题是如何使文本两侧的背景透明,但在此阶段布局问题更为重要)。

问题

0 投票
1 回答
58 浏览

javascript - 在 chrome cast 自定义接收器 Web 应用程序中集成 bitmovin 播放器

我正在尝试将 bitmovin 播放器与自定义接收器网络应用程序集成,但我无法控制播放器。如何使用发送器远程控制播放器?