问题标签 [videogular]

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 回答
2257 浏览

angularjs - Videogular - 如何在 div ng-click 上播放给定的视频文件?

我有一个项目列表,并希望在 ng-click 后单击所选项目播放具有给定 URL 的视频文件。

这意味着视图的播放器实例应该被隐藏,并且在单击列表项后应该以全屏、循环且没有声音的方式播放给定的视频文件。

请问我该怎么做?

我试图通过 API.play() 方法从:

http://www.videogular.com/tutorials/videogular-api/

但没有运气。

非常感谢您的任何建议。

0 投票
1 回答
429 浏览

css - Videogular CSS 不工作 - UI 失真

我正在使用 Videogular,毫无疑问,它绝对好,但仅适用于 http:/ 调用,因为它的主题位于http://www.videogular.com/styles/themes/default/latest/videogular.css。但我的应用程序仅适用于安全 https。http 和 https 交叉调用的问题。所以我决定下载videogular css的内容并尝试手动实现。但它似乎不起作用。有人可以帮忙吗?要么让我知道如何手动将 videogular css 集成到项目中,要么让我知道 videogular 是否有任何 https 支持。

0 投票
0 回答
1262 浏览

angularjs - 如何捕获视频播放按钮事件并手动加载源

我有视频播放器。我需要捕捉用户何时单击 vg-play-pause-button 或 vg-overlay-play 并向服务器发送请求以打开流,然后服务器返回主机名以及流被盯着的端口。

由于端口可以更改,当按下播放按钮时,我需要手动将源传递给 videogular。

我试过的代码。

看法:

角度控制器:

使用此代码没有任何反应,但如果我用已经定义的源初始化播放器,播放器就可以工作。如何在按下播放按钮时手动添加源?

更新:

由于对 http 资源的异步请求,切换源会不会有问题?

0 投票
1 回答
230 浏览

angularjs - 在 videogular 中提取实际播放的视频区域(即没有黑条)

有没有办法提取视频播放器内的实际播放视频区域(例如 x、y、宽度、高度)?“实际播放的视频”是指黑条之间的部分(如果 videogular 容器的纵横比与视频本身不同)。

谢谢

0 投票
1 回答
542 浏览

javascript - 使用 videogular 播放 base64 波或 m4a

根据文档

http://www.videogular.com/docs/#/api/com.2fdevs.videogular.direcitve:vgMedia

它只需要 Url 作为输入。有没有办法将base64传递给这个,就像使用一样<source src="data:audio/wav;base64,

如果这必须修改源代码,我可以。这是手机上的一个小项目。

谢谢

0 投票
1 回答
1819 浏览

angularjs - 使用 Videogular API 逐帧向前/向后移动视频

有没有办法使用 Videogular API 逐帧寻找视频?如果没有,最好的解决方法是什么?

谢谢!

0 投票
1 回答
1043 浏览

android - Videogular - mp4 文件的路径在 Android 上不起作用(但在 iOS 上是)

我有以下用于播放视频文件的配置:

它在安装了 Crosswalk 插件的 Android 上工作(但有一些错误):

http://blog.ionic.io/crosswalk-comes-to-ionic/

但我有一些理由不想在我的应用程序中包含人行横道。

所以我尝试在没有人行横道扩展的情况下播放视频。

但是视频只能在 iOS 设备上成功播放。

在 Android 设备 (4.4) 上无法正常工作。

我也尝试了不同的文件路径,例如:

但没有运气。

请问正确的存档路径是什么?

非常感谢您的任何建议。

0 投票
1 回答
114 浏览

javascript - 在 AngularJS 中设置服务变量时遇到问题

这是我在 AngularJS 中的第一个项目,这是我一直想尝试一段时间的东西。我正在使用 Foundation Apps Framework(基于 Angular 构建),并且在设置服务变量时遇到了一些麻烦。

这个想法是让服务变量存储应用程序播放器的“正在播放”曲目列表(它使用 Videogular 插件),我猜这类似于购物篮。

我在获取“正在播放”的曲目列表时没有问题,但我似乎无法使用测试数据设置曲目列表(使用一个简单的按钮ng-click="setTracklist()用于测试目的)

如果有任何建议,我将不胜感激。如果这看起来是一个非常简单的问题,我很抱歉,这对我来说是一个很大的学习曲线。

服务(app.js)

控制器(app.js)

0 投票
2 回答
1681 浏览

javascript - 控制字体/符号丢失 - videogular

我遇到了视频控制的问题。我一定是在安装过程中遗漏了一些步骤。我想我需要包含一些符号字体,但不知道在哪里可以找到它以及如何包含它。

控件似乎没有图像/符号/字体 - 相反我得到空矩形(这里没有足够的声誉来发布屏幕截图)。以下是包含的文件:

这是传递给模块的内容:

和控制器代码:

HTML(树枝)代码:

0 投票
2 回答
1148 浏览

javascript - videogular 裁剪视频而不是调整大小

我有一个原始尺寸为 1920x1080 的视频。我正在使用基本设置教程中的 css,但尝试将 css 中的默认高度设置为 1080:

这似乎是溢出的东西 - 它只是隐藏了视频的其余部分,而不是实际调整它的大小。

在配置中我有这个设置:

我究竟做错了什么?