草庐IT

JS获取音频的总时长,解决Audio元素duration为NaN || Infinity 问题

当我们在加载一个线上mp3地址或者获取audio的duration的时候,会发现有拿到duration是Infinity的情况,这时如果我们动态的展示录音时间时候就会有问题。首先明确一下这是chrome浏览器自己的存在的一个bug,因为我们拿到的录音数据流没有定义长度,所以浏览器无法解析出当前音频的时长。一、发现问题使用浏览器内置播放器无法显示时长Chrome&&Edge:播放到一定时间后才能移动进度条与显示时长 Firefox:直接可以看到进度条与时长  继续往下,解决Chrome中的问题二、获取总时长为NaN||Infinityaudio.ontimeupdate=()=>{ consol

JS获取音频的总时长,解决audio.duration 为 NaN || Infinity 问题

目录一、需求分析二、发现问题1.使用浏览器内置播放器``无法显示时长2.获取总时长为NaN||Infinity三、疑惑点四、解决方案一、需求分析后端的接口中包含音频链接,前端需要自定义一个播放器播放音频。二、发现问题1.使用浏览器内置播放器无法显示时长Chrome&&Edge:播放到一定时间后才能移动进度条与显示时长Chrome默认状态播放时播放快结束时Firefox:直接可以看到进度条与时长,样子也好看,问题解决(bushi)Firefox默认状态播放时播放快结束时2.获取总时长为NaN||Infinityaudio.ontimeupdate=()=>{ console.log(`curre

JS获取音频的总时长,解决audio.duration 为 NaN || Infinity 问题

目录一、需求分析二、发现问题1.使用浏览器内置播放器``无法显示时长2.获取总时长为NaN||Infinity三、疑惑点四、解决方案一、需求分析后端的接口中包含音频链接,前端需要自定义一个播放器播放音频。二、发现问题1.使用浏览器内置播放器无法显示时长Chrome&&Edge:播放到一定时间后才能移动进度条与显示时长Chrome默认状态播放时播放快结束时Firefox:直接可以看到进度条与时长,样子也好看,问题解决(bushi)Firefox默认状态播放时播放快结束时2.获取总时长为NaN||Infinityaudio.ontimeupdate=()=>{ console.log(`curre

怎么裁剪视频时长?建议收藏这些方法

我们经常会在业余的时间,观看一些视频来放松自己。小伙伴们平时有没有喜欢看的视频呢?有时视频中会出现一些比较精彩的片段,如果我们想要将这些精彩片段分享给好友,还需要跟他们说跳转到视频的哪个位置,在操作上有些麻烦。其实我们可以直接将这些精彩片段截取出来后,分享给朋友。那你们知道电脑视频怎么裁剪时长吗?有需要裁剪视频的小伙伴,快点跟着文章往下看吧。方法一:使用无痕去水印来裁剪视频我经常会使用这款软件来处理视频,因为它不仅可以做到图片/视频的去水印操作,还可以做到图片/视频的加水印、视频时长截取、视频画面裁剪等多种操作。【视频裁剪步骤】步骤一:打开软件后,点击【视频时长截取】功能。步骤二:通过【选择视

怎么裁剪视频时长?建议收藏这些方法

我们经常会在业余的时间,观看一些视频来放松自己。小伙伴们平时有没有喜欢看的视频呢?有时视频中会出现一些比较精彩的片段,如果我们想要将这些精彩片段分享给好友,还需要跟他们说跳转到视频的哪个位置,在操作上有些麻烦。其实我们可以直接将这些精彩片段截取出来后,分享给朋友。那你们知道电脑视频怎么裁剪时长吗?有需要裁剪视频的小伙伴,快点跟着文章往下看吧。方法一:使用无痕去水印来裁剪视频我经常会使用这款软件来处理视频,因为它不仅可以做到图片/视频的去水印操作,还可以做到图片/视频的加水印、视频时长截取、视频画面裁剪等多种操作。【视频裁剪步骤】步骤一:打开软件后,点击【视频时长截取】功能。步骤二:通过【选择视

java获取MP3音频播放时长(总结)

睿洛医疗方法一        使用jaudiotagger。此方法简单,但取较大MP3的文件头信息有错误,具体为比特率减半、时长翻倍,不建议使用。orgjaudiotagger2.0.3publicdoublegetMp3Size(Stringfilename)throwsException{doublesize=0.0f;Filefile=newFile(filename);MP3Filef=(MP3File)AudioFileIO.read(file);MP3AudioHeaderaudioHeader=(MP3AudioHeader)f.getAudioHeader();size=aud

java获取MP3音频播放时长(总结)

睿洛医疗方法一        使用jaudiotagger。此方法简单,但取较大MP3的文件头信息有错误,具体为比特率减半、时长翻倍,不建议使用。orgjaudiotagger2.0.3publicdoublegetMp3Size(Stringfilename)throwsException{doublesize=0.0f;Filefile=newFile(filename);MP3Filef=(MP3File)AudioFileIO.read(file);MP3AudioHeaderaudioHeader=(MP3AudioHeader)f.getAudioHeader();size=aud

Unity 视频播放器,基于VideoPlayer,实现滑动进度条,显示视频时长,全屏显示,音量调节

unity播放视频的方式有很多种,但即轻量又好用的,还是unity自带的VideoPlayer,但没有视频基础操作的UI组件,本篇带大家对视频的播放,以及UI组件的实现效果展示:Unity视频播放 DEMO下载:https://gitee.com/jacobkay/videoplayer一、安装方式1、下载文件2、将文件拖入工程中3、将"ZVideoPlayer/Prefabs/VideoPlayer"预制体拖入到场景中的canvas中即可二、API说明方式IsVideoPlaying:获取当前播放状态PlayTime:获取和设置播放时间,单位秒FullScreen:设置全屏状态VideoUr

Unity 视频播放器,基于VideoPlayer,实现滑动进度条,显示视频时长,全屏显示,音量调节

unity播放视频的方式有很多种,但即轻量又好用的,还是unity自带的VideoPlayer,但没有视频基础操作的UI组件,本篇带大家对视频的播放,以及UI组件的实现效果展示:Unity视频播放 DEMO下载:https://gitee.com/jacobkay/videoplayer一、安装方式1、下载文件2、将文件拖入工程中3、将"ZVideoPlayer/Prefabs/VideoPlayer"预制体拖入到场景中的canvas中即可二、API说明方式IsVideoPlaying:获取当前播放状态PlayTime:获取和设置播放时间,单位秒FullScreen:设置全屏状态VideoUr

关于connect函数超时太久的问题(不同系统的默认超时时长不一,但都很久)

解决方案思想:  通过把socket设置为非阻塞模式,然后通过select函数自己设置定时,检测套接字描述符是否可用。windows端实现上代码:过于粗略,仅呈思想#include#include#include//#include#include#include#include#include#include#include//#include//#include//#include#include//#include#includeintmain(intargc,char*argv[]) {   printf("==main===\n");fflush(stdout);  //Winsow