首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Videogular2获取视频时长返回NaN

Videogular2是一个基于Angular框架的开源视频播放器库,用于在Web应用程序中嵌入和播放视频。当使用Videogular2获取视频时长时,返回NaN表示无法获取视频的正确时长。

这种情况可能由以下原因导致:

  1. 视频文件格式不受支持:Videogular2可能无法解析某些视频文件格式,导致无法获取视频时长。建议使用常见的视频格式,如MP4、WebM或Ogg。
  2. 视频文件损坏或无效:如果视频文件本身损坏或无效,Videogular2无法正确解析视频时长。请确保视频文件完整且有效。
  3. 缺少必要的元数据:视频文件中的元数据包含有关视频内容的信息,包括时长。如果视频文件缺少必要的元数据,Videogular2将无法获取正确的时长。可以尝试使用其他工具或库来检查和修复视频文件的元数据。
  4. 网络连接问题:如果视频文件位于远程服务器上,网络连接问题可能导致Videogular2无法获取视频时长。请确保网络连接稳定,并且可以正常访问视频文件。

总结起来,当Videogular2获取视频时长返回NaN时,可能是由于视频文件格式不受支持、视频文件损坏或无效、缺少必要的元数据或网络连接问题所致。建议检查视频文件的格式和有效性,并确保网络连接正常。如果问题仍然存在,可以尝试使用其他工具或库来获取视频时长。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

使用FFmpeg API获取flv视频时长

哈喽,这一篇记录一个小小的关于FFmpeg的使用,借助FFmpeg的API接口获取flv格式视频时长。...发现获取视频时长为0,按照排查问题的一般思路,试试别的格式的文件是否也会有问题。尝试将文件更换为MP4文件,发现可以正常获取时长,如下图: ?...甚是不理解啊,经查阅资料发现,对于flv文件需要首先调用avformat_find_stream_info, 才可正常的获取视频时长,这一过程中,同时还发现另外一种获取视频时常的方式:FFmpeg对于...cout << "flv file duratio: " << seconds << std::endl; system("pause"); return 0;} 其中:另外一种获取视频时长的方式为...终于可以成功获取flv格式视频时长。可以动手去试试了!

3.6K30

video标签在不同平台上的事件表现差异分析

,等待数据 一致 一致 durationchange 获取视频长度,duration属性能获得真实视频长度 一致 可能在play()事件触发前,可能没有获取到真实的视频长度:可能触发多次, 只有最后一次才能获取到真实的...0 null NaN 准备请求数据(初始化完毕) 2 stalled NOTHING 0 null NaN 3 play NOTHING 0 null NaN play()事件触发,状态是开始播放,但视频并未真正开始播放...4 waiting NOTHING 0 null NaN 等待数据 5 durationchange METADATA 0 0.6 44.2 获取视频长度 6 loadedmetadata METADATA...1 loadstart NOTHING 0 null NaN 准备请求数据(初始化完毕) 2 play NOTHING 0 null NaN 状态是开始播放,但视频并未真正开始播放 3 waiting...NOTHING 0 null NaN 等待数据 4 durationchange METADATA 0 7.63 44.2 获取视频长度 5 loadedmetadata METADATA 0 7.63

2.4K60

video标签在不同平台上的事件表现差异分析

onerror script 当在文件加载期间发生错误时运行的脚本 onloadeddata script 当媒介数据已加载时运行的脚本 onloadedmetadata script 当元数据(比如分辨率和时长...,等待数据 一致 一致 durationchange 获取视频长度,duration属性能获得真实视频长度 一致 可能在play()事件触发前,可能没有获取到真实的视频长度:可能触发多次, 只有最后一次才能获取到真实的...但视频并未真正开始播放 4 waiting NOTHING 0 null NaN 等待数据 5 durationchange METADATA 0 0.6 44.2 获取视频长度 6 loadedmetadata...1 loadstart NOTHING 0 null NaN 准备请求数据(初始化完毕) 2 play NOTHING 0 null NaN 状态是开始播放,但视频并未真正开始播放 3 waiting...NOTHING 0 null NaN 等待数据 4 durationchange METADATA 0 7.63 44.2 获取视频长度 5 loadedmetadata METADATA 0 7.63

1.1K20

在线视频协同:探究画面帧的准确性

为了实现这个目的,我们通常会在浏览器 Video 标签的 durationchange 事件触发时获取视频时长,并通过帧率计算出总帧数。...durationchange 事件是当视频时长发生改变时触发的。当视频加载前,总时长为默认值"NaN",当视频加载完成后,durationchange 事件触发,总时长会变成视频的实际总时长。...此时,浏览器会解析 MP4 文件中的 moov box,并获取视频时长。因此,在 durationchange 事件触发时,可以获取到较为准确的 duration 。...我们发现这三次变更的时长并不一致。因此我们需要在这三次变更中取一个更准确的时长作为视频时长。...我们发现,音频结束时长 - 音频首个best_effort_timestamp_time约等于第三次获取的duration。

71630

【Appetite】ionic3实录(六)首页实现

步骤如下: 一、准备素材: 鸡蛋两只,油两茶匙……呃,说错,应该是这些: 食物照片; 人物头像; 视频封面; 视频; 这些可以上素材网下,也可以简单点找度娘(不过小心图片版权问题): ?.../assets/imgs/foods/4.jpg"} ] }] } 这类似一个服务接口返回来的数据,success属性是为了和上一节的基本网络服务格式一致而设定的属性,type...三、安装视频播放组件 用的是videogular2,可参考我另一篇文章:《【技巧】ionic3视频播放》 四、安装swiper组件 npm install swiper --save 四、实现首页 打开..., private homeProvider: HomeProvider) { } ionViewDidLoad(){ this.getFriendNews(); } //获取数据...initSwiper方法貌似要在页面渲染完成后才能使用,而getFriendNews获取数据后未必渲染完成,故不能马上调用,所以调用this.cd.detectChanges()来处理下,关于这个可以查看我另一篇文章

1.1K40

工具系列 | H5自定义视频播放器实现

值 说明 TimeRanges事件 表示声频、视频的缓冲范围;TimeTanges事件的属性:length:获取声频、视频的缓冲长度;start(index):获取缓冲范围的开始点;end(index)...如果没有设置声频、视频文件,将返回NaN(Not-a-Number)。 注:该属性为只读属性。 值 说明 返回值 数值,指定的视频的长度,以秒计算。...如果没有设置视频,将返回NaN”(Not-a-Number)。如果只是视频流,没有预定的长度时,将返回 “Inf”(Infinity)。...TimeTanges事件的属性:length:获取声频、视频的播放长度;start(index):获取视频的开始点end(index):获取视频的结束点注:矩阵的起始序号为0 JavaScript 语法...、视频时长时(ondurationchange) 浏览器已加载声频、视频的元数据时触发的事件(onloadedmetadata) 浏览器加载声频、视频当前帧结束后(onloadeddata) 浏览器正在下载媒体数据时

5.3K10

【Android FFMPEG 开发】FFMPEG 视频播放进度控制 ( 显示播放进度 | 拖动进度条播放 )

FFMPEG 播放视频 ( 效果展示 ) III . FFMPEG 获取视频时长 IV . FFMPEG 视频播放进度获取 V . FFMPEG 设置播放进度 I ....FFMPEG 获取视频时长 ---- 1 ....视频时长信息 : FFMPEG 的音频时长封装在 AVFormatContext 结构体中 , 只要 AVFormatContext 初始化成功 , 就可以获取该结构体中的视频时长 ; 2 ....AVStream 个数 int find_result = avformat_find_stream_info(formatContext, 0); ③ 获取视频时长 : 视频时长就封装在 AVFormatContext...视频播放进度 : 之前已经获取视频时长 , 即 AVFormatContext 中提取的 duration 元素值 , 是视频的总时长微秒数 , 这里获取到当前的播放时间 , 就可以得到当前时刻的播放进度百分比

2.1K20

原生JS | 当兔子遇到鸡

先别急,看个小视频~ 视频内容 当兔子遇到鸡 —— 不要害怕和别人不一样,在这个世界上,你就是独一无二的自己!...,则返回空数组。...涉及到的细节知识 字符串转换为数字 通过input获取到的值,类型为字符串,需要优先转换为数字,再进行操作,在本案例中HTML5学堂(码匠)选用的是Number方法。...NaN的基本检测 当用户在input中输入非数字或不合法数字时,会通过上面的Number方法转换为NaN。 当出现NaN时,则需要给用户给予反馈,而不是继续进行运算,因此需要进行NaN进行检测。...NaN检测的方法很简单,让其与自身相比较,如果自己和自己不相等,那么,该值为NaN。 整数检测 在鸡兔同笼计算当中,有可能用户输入的内容是合法数字,也是合法整数,但是有可能在运算之后变成小数。

2K100
领券