问题标签 [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 回答
1752 浏览

angularjs - videogular 不加载任何视频或控件

我正在我的 Angular 应用程序中实现 videogular,这是我的第一个 Angular 网站。我已经按照示例http://www.videogular.com/tutorials/how-to-start/中所示的所有内容进行了操作,但是 UI 上没有出现任何内容,也没有在控制台中发现任何错误。(我已经使用 nugget 包管理器安装了 videogular)。

控制器代码:

HTML 视图:

添加的依赖项:

'ngSanitize'、'com.2fdevs.videogular'、'com.2fdevs.videogular.plugins.controls'、'com.2fdevs.videogular.plugins.overlayplay'、'com.2fdevs.videogular.plugins.poster'

请告诉我这里有什么问题

0 投票
1 回答
2692 浏览

angularjs - Stream application/octet-stream mime type with Videogular

I've made an API with NodeJS + Express, which is supposed to send a video stream when we call the /videos/stream/{id} route. Here is the code:

This code is working because when I put the whole URI in my browser, I can either open the stream with VLC or save it.

The problem is that I can't see the video stream with the Videogular framework. When I copy/paste the "How to start" code into my AngularJS app, like this:

This works, I can see the video into the player, but when I replace the URI with my API's one:

The player remains black and no video is playing, I don't know why.

0 投票
2 回答
921 浏览

angularjs - 来自节点的角度 $sce trustAsResourceUrl

我正在尝试制作流媒体服务,我将文件的内容(在本例中为视频)流式传输到视频元素中。

为此,我已经下载并安装videogular了它,现在正在尝试设置它,但我知道该怎么做。

根据有关 videogular 的文档来加载视频,您需要这样的语法:

当您想在没有流式传输的情况下加载内容时,这很好。

但是假设您有一个节点服务器在端口 8105 上运行,并且您希望收集的文件的 id 为 1,那么结果可能如下所示:

但是,在我尝试这样做时,它只会告诉我该资源不是实际资源。

我的问题是您如何流式传输到视频内容(最好使用 videogular),有没有人知道人们使这成为可能的示例?

服务器端代码

好的,所以我最初的想法(我知道这是对上面代码的更改)是创建一个route路径:

然后通过管道传输文件的输出。

然后使用它来流式传输文件

0 投票
0 回答
1240 浏览

javascript - 如何在视频悬停时显示预览

我正在使用 AngularJs 使用 Videogular(AngularJS 的 HTML5 视频播放器)在网页中加载多个视频。

我需要在悬停时显示视频的预览,就像我在许多网站上看到的动态图像一样。我无法播放原始视频,因为每页有 500 多个视频,因此加载需要很长时间。

0 投票
0 回答
258 浏览

angularjs - 使用视频请求受保护的音频源

我目前正在尝试从后端获取一些音频资源,每个请求都需要 JWT,并且我无法禁用安全性,大多数音频文件来自私人会议。

问题是我找不到在视频请求中设置我需要的标题字段的位置......

我已经使用 $httpProvider 和 angular-jwt 在所有路由上设置了标题。

但这似乎不适用于音频文件。

希望这是足够的信息...

谢谢你

0 投票
1 回答
733 浏览

angularjs - videogular - 提示点不起作用

最近我开始学习Videogular的提示点。

我的目标是在给定时间(这里是第 5 秒)暂停视频。

这是我的角度控制器:

该控制器大部分工作正常,但onLeave, onUpdate,onComplete回调都不起作用,6 秒后控制台中没有打印日志。

我的代码里面有什么问题吗?谢谢。

我的 Angular 版本是 1.3.17,Videogular 版本是 1.2.4。

0 投票
0 回答
189 浏览

javascript - Videogular - 视频经常停止播放 - 如何预加载和指示加载状态

我有 86mb 的 1920x1080 视频,我正在使用 videogular 在线播放。

视频经常卡住,需要 5-10 秒才能继续播放。

有没有办法完全预加载视频然后播放?

有没有办法表明已经加载了多少(就像在 youtube 上所做的那样?)

我已经试过了preload:"auto"preload:"none"preload:"preload"

0 投票
1 回答
338 浏览

javascript - 为什么我无法获得对在 AngularJS Videogular 中可以看到的元素的引用?

我正在努力让 videogular-subtitle-plugin 与最新版本的 Videogular/AngularJS 一起工作。我是 AngularJS 的新手,所以我假设有一些我不理解的愚蠢简单的东西。

我在指令中遇到了一个问题:

相关标记是:

Videogular 在 vg-media 下生成视频和轨道标签。

当用户更改隐藏式字幕设置时,从 UI 调用 changeCaption()。

我无法从链接中引用轨道标签:函数。但是,我可以在代码中看到来自 console.log 输出的元素,这让我很困惑。

我在这里重现了这个问题。打开 javascript 控制台并加载:

http://miles-by-motorcycle.com/static/videogular-subtitle-plugin/app/#/

http://miles-by-motorcycle.com/static/videogular-subtitle-plugin/text-track.js

我不明白为什么我不能在链接函数中引用 track 元素,但我可以在控制器中引用。我可以从控制台看到它列在 childNodes 中。我已经在 Linux 下的 Chrome 和 Firefox 中重现了这一点。

显然,修复它意味着只需在控制器中进行查找,但我想了解我在这里缺少什么。可能是因为它处于某种不完整的状态?还是控制台对我撒谎,并且在执行时不存在轨道标签?

0 投票
2 回答
3108 浏览

angularjs - 在播放新视频时停止在后台播放的其他视频

我正在使用 Videogular 来显示视频。当用户点击播放按钮到新视频时,你能帮我如何停止/暂停其他视频吗?因此,用户一次只能播放一个视频。

系统应自动停止正在后台播放的其他视频并播放新视频

谢谢

0 投票
1 回答
1801 浏览

angularjs - Videogular 是 vg-controls 不适用于 vg-quality 插件

我想创建一个简单的视频播放器,为此我使用了 Videogular。因为我的要求包括拥有不同分辨率的视频,所以我使用了 vg-quality 插件,但是有了这个插件,我的其他控件没有出现,我无法跟踪问题

在此处输入图像描述

这是唯一的错误,而且视频没有播放,也没有任何控件出现在 chrome 浏览器中,mozilla 在鼠标右键单击播放按钮时显示视频,但实际控件仍然没有出现