问题标签 [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.
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'
请告诉我这里有什么问题
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.
angularjs - 来自节点的角度 $sce trustAsResourceUrl
我正在尝试制作流媒体服务,我将文件的内容(在本例中为视频)流式传输到视频元素中。
为此,我已经下载并安装videogular
了它,现在正在尝试设置它,但我知道该怎么做。
根据有关 videogular 的文档来加载视频,您需要这样的语法:
当您想在没有流式传输的情况下加载内容时,这很好。
但是假设您有一个节点服务器在端口 8105 上运行,并且您希望收集的文件的 id 为 1,那么结果可能如下所示:
但是,在我尝试这样做时,它只会告诉我该资源不是实际资源。
我的问题是您如何流式传输到视频内容(最好使用 videogular),有没有人知道人们使这成为可能的示例?
服务器端代码
好的,所以我最初的想法(我知道这是对上面代码的更改)是创建一个route
路径:
然后通过管道传输文件的输出。
然后使用它来流式传输文件
javascript - 如何在视频悬停时显示预览
我正在使用 AngularJs 使用 Videogular(AngularJS 的 HTML5 视频播放器)在网页中加载多个视频。
我需要在悬停时显示视频的预览,就像我在许多网站上看到的动态图像一样。我无法播放原始视频,因为每页有 500 多个视频,因此加载需要很长时间。
angularjs - 使用视频请求受保护的音频源
我目前正在尝试从后端获取一些音频资源,每个请求都需要 JWT,并且我无法禁用安全性,大多数音频文件来自私人会议。
问题是我找不到在视频请求中设置我需要的标题字段的位置......
我已经使用 $httpProvider 和 angular-jwt 在所有路由上设置了标题。
但这似乎不适用于音频文件。
希望这是足够的信息...
谢谢你
angularjs - videogular - 提示点不起作用
最近我开始学习Videogular的提示点。
我的目标是在给定时间(这里是第 5 秒)暂停视频。
这是我的角度控制器:
该控制器大部分工作正常,但onLeave
, onUpdate
,onComplete
回调都不起作用,6 秒后控制台中没有打印日志。
我的代码里面有什么问题吗?谢谢。
我的 Angular 版本是 1.3.17,Videogular 版本是 1.2.4。
javascript - Videogular - 视频经常停止播放 - 如何预加载和指示加载状态
我有 86mb 的 1920x1080 视频,我正在使用 videogular 在线播放。
视频经常卡住,需要 5-10 秒才能继续播放。
有没有办法完全预加载视频然后播放?
有没有办法表明已经加载了多少(就像在 youtube 上所做的那样?)
我已经试过了preload:"auto"
,preload:"none"
和preload:"preload"
。
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 中重现了这一点。
显然,修复它意味着只需在控制器中进行查找,但我想了解我在这里缺少什么。可能是因为它处于某种不完整的状态?还是控制台对我撒谎,并且在执行时不存在轨道标签?
angularjs - 在播放新视频时停止在后台播放的其他视频
我正在使用 Videogular 来显示视频。当用户点击播放按钮到新视频时,你能帮我如何停止/暂停其他视频吗?因此,用户一次只能播放一个视频。
系统应自动停止正在后台播放的其他视频并播放新视频
谢谢