Audio js 时长

2024-10-23

js获取html5 audio 音频时长方法

<audio src="我的好兄弟.mp3" controls="controls" id="audio" style="width:500px; max-height:40px; background:#ccc"> 您的老牛已经拉不动破车了,赶紧换了吧,想听中国好声音么?</audio> js: var _audio = $('#audio')[0]; //默认的时候让所有的音

JS指定音频audio在某个时间点进行播放，获取当前音频audio的长度，音频时长格式转化

前言: 今天接到一个需求,需要获取某个.mp3音频文件的时间长度和指定音频audio在某个时间点进行播放(比如说这个视频有4分钟,我要让它默认从第2秒的时候开始播放),这里当然想到了H5中的audio元素,当然我们平时看这个标签上显示的音频时间是时:分:秒的格式的因此需要涉及到秒和时间格式的转化.通过查阅了网上的一些资料,最终完美的把这些功能点做好了.这里分享一下,希望能够帮助有需要的小伙伴. 获取音频时长: function getAudioDuration(src) { let audio

js读写Cookie问题（Cookie存储时长、Cookie存储域）汇总

在采集网站用户行为数据/使用js对用户行为做交互时,经常会使用到Cookie,了解Js Cookie的读写,以及一些细节,非常重要. 什么是Cookie 所谓Cookie,只是一条极为短小的信息,它被浏览器自动地放置在访问用户的电脑硬盘中. 例如:C:\Users\[user]\AppData\Roaming\Microsoft\Windows\Cookies 如上图所示,打开的一个文件里面,标示了一个域下多个Cookie的信息. 检测/判断浏览器是否支持Cookie 在

video.js不能控制本地视频或者音频播放时长

问题: 把视频放到本地,然后对视频进行测试,想要控制视频或者音频的播放时长,没办法做到,每次拉动进度条,都会使得本地视频重新播放原因: 所有浏览器默认js无法访问本地地址,也就是说js不能对本地文件进行任何修改,假如js可以随意修改文件,那将无法想像浏览网页带来巨大的安全威胁那,如何解决这个问题呢? 把视频.图片.音频文件存放在网盘上,通过网盘放出的url接口进行数据的访问,这就可以控制网盘上的视频的时长推荐网盘工具:https://www.qiniu.com/ 七牛云

大文件视频断点续传插件resumabel.js，优化上传速度，缩短最后一片等待时长。

在angular中使用resumable.js遇到的一个问题:大视频上传到99-100%时,此时正在上传最后一片,最后一片的xhr一直是pending状态.原因插件会检查第一片和最后一片的元数据,检测到最后一片后所有片发送完后要组装,要耗时,完成后才返回response,所以导致到了最有一片是要等待一段时间,可能5秒到10分钟之间.机器性能越好等待时间越短.读了源码把设置做如下更改: 'chunkSize': 3*1024*1024, 'simultaneousUploads': 5, 'pr

js 获取上传视频的时长、大小、后缀名

参考资料:获取时长 var fileName = $("#sectionfileUpload").val(); //C:\fakepath\3.jpeg var exts = fileName.split('.'); var ext = ""; if (exts != undefined) { if (exts.length <= 1 && fileName.indexOf('=')>-1) {//直接输入上传到azure之后生成的文件地

vue / js使用video获取视频时长

项目中遇到上传视频功能,需要有预览和获取视频时长功能,因之前使用upload(有需要的话可以参考下我之前的文章),这里就不赘述,直接用来上传视频,不过在上传之前和上传成功后的钩子里,获取不到时长: 没有时长怎么办呢,只能用原生JS来获取: 上传成功以后,将成功的路径绑定给video 使用js获取duration并赋给时间参数这时你会发现,你得到的值是NaN 视频还未加载下来,无法同步获取到,使用定时器即可解决 OK了,现在可以获取到了希望本文对你有所帮助!

js用img代替ajax js心跳向服务器定时传送参数主要计算用户在线时长

html: <!doctype html><html><head><meta charset="utf-8"><title>记录用户的在线时长</title></head> <body></body></html><script type="text/javascript"> var Statistics_Website_logo ={

在MUI框架中使用video.js插件，并在暂停的时候利用Asp.net将观看时长保存到sqlserver数据库

本次保存数据的情况有三种: 在视频播放的时候点击暂停,将本视频的进度保存到数据库利用mui内部的控件,返回上一页操作时,进行保存安卓手机触发返回键的时候,进行保存示例一: 在video标签上面添加暂停(onpause)事件 <video id=" poster="http://vjs.zencdn.net/v/oceans.png" data-setup='{ "aspectRatio":"640:267", "p

JS的video获取时长，出现问题汇总

<video id="my_video_1" controls="controls" style=" width: 700px; height: 420px; margin: 0 auto; padding-top: 0px;"> <source src="@ViewBag.Url " type="application/x-mpegURL"> </video> 1,vi

js计算在线时长

后台传来毫秒,前台转换成对应的时分秒 //在线时长 function longTime(seconds){ //总秒数 //seconds=seconds/1000; //得到小时 var hour = seconds/3600; var r = seconds%3600; var m = r/60; var s = r%60; return parseInt(hour)+":"+parseInt(m)+":"+parseInt(s); }

js估算一篇文章的阅读时长

每天早上上班在地铁里我都有看技术类文章以及实时新闻的习惯,偶尔会看到有些文章的开始部分会提醒我们这篇文章大概的阅读时长,我就在想这是怎么实现的,具体到前端开发中,又是如何实现的.今天在浏览SegmentFault论坛时,无意中看到了一篇关于"如何估算文章阅读时长?"的帖子,于是就从头到尾看了下实现的原理,谁知实现起来会那么简单.如下图: 知道了实现的原理,那么就来看看具体的代码是如何实现的: var readTime = document.querySelector(".ar

vue 获取视频时长

参考资料:js获取上传音视频文件的时长直接通过element-ui自带的上传组件结合js即可,代码如下: HTML: <el-upload class="upload-demo" :action="actionUrl" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload&quo

ant design + react，自动获取上传音频的时长（react-audio-player）

在后台管理项目中,用户要求上传音频,并且自动获取音频时长. 第一步, import { Upload, Button, Icon } from 'antd'; 第二步,在表单中使用 Upload 组件,上传音频: <FormItem {...formItemLayout} label="英文音频信息"> <Row gutter={8}> <Col span={12}> <Input type="text&quo

获取音、视频时长（NAudio，Shell32，FFmpeg）

参考网址:https://blog.csdn.net/u013810234/article/details/57471780 以下为本次测试用到的音.视频格式: audio :”.wav;.mp3;.wma;.ra;.mid;.ogg;.ape;.au;.aac;”; vedio :”.mp4;.mpg;.mpeg;.avi;.rm;.rmvb;.wmv;.3gp;.flv;.mkv;.swf;.asf;”; Note: 1. 测试音.视频均为对应格式的有效文件(下载自地址:包含了各种可供测试音

asp.net 获取音视频时长的方法

http://www.evernote.com/l/AHPMEDnEd65A7ot_DbEP4C47QsPDYLhYdYg/ 日志: 1.第一种方法: 调用:shell32.dll ,win7下可以,window2008 r2 服务器上不行.(原因不知道,有可能是声卡驱动没有安装?) //添加引用:COM组件的Microsoft Shell Controls And Automation 引用shell32底层接口c:windows\system32\shell32.dll,vs自动转

Hexo添加字数统计、阅读时长

统计插件配置 NexT 主题默认已经集成了文章[字数统计].[阅读时长]统计功能,如果我们需要使用,只需要在主题配置文件 _config.yml 中打开 wordcount 统计功能即可.如下所示: # Post wordcount display settings # Dependencies: https://github.com/willin/hexo-wordcount post_wordcount: item_text: true wordcount: true # 单篇字数统计

关于audio.js的研究

——杂言:audio.js结合使用html5的audio组件实现了音频的原位播放功能.虽然项目里已经使用一段时间了,不过我是最近才开始有所接触,惭愧.个人见解若有不对,请帮忙纠正,谢谢. 官方相关链接: 官网 docs github源码基本使用步骤: 1.下载 audio.js , player-graphics.gif, audiojs.swf 2.添加audio.js引用代码 <script src="/audiojs/audio.min.js"></

hive计算网页停留时长

hive表结构例如以下: create table pv_user_info( session_id string, user_id string, url string, starttime bigint ); 主要就是这几个字段实用.省略其它. 实现方式:userid和sessionid分组后并按时间降序排序,降序排序后.第一行就是该用户最后一次浏览的网页.最后一行是第一次浏览的网页,第一行的starttime和第二行的starttime相减就是第二行停留时间. 这里会有几个误差用户最后一

用阿里官网提供的plupload oss的web直传，视频上传进行前端验证它的时长，尺寸，大小等。替换上一个不需要的单个视频

accessid = '' accesskey = '' host = '' policyBase64 = '' signature = '' callbackbody = '' filename = '' key = '' expire = 0 g_object_name = '' g_object_name_type = '' now = timestamp = Date.parse(new Date()) / 1000; function send_request() { var xm

Audio js 时长

热门专题