个人blog,欢迎关注加收藏

获取Audio音频的实时时间

项目:H5绣红旗

//监听音乐实时播放的时间watchMusicTime(){let _this = this;//监听播放时间let musicDom = document.getElementsByTagName('audio')[0];//获取Audio的DOM节点//使用事件监听方式捕捉事件musicDom.addEventListener("timeupdate",function(){//监听音频播放的实时时间事件let timeDisplay;//用秒数来显示当前播放进度timeDisplay = Math.floor(musicDom.currentTime);//获取实时时间// console.log(timeDisplay)//处理时间//分钟let minute = timeDisplay / 60;let minutes = parseInt(minute);if (minutes < 10) {minutes = "0" + minutes;}//秒let second = timeDisplay % 60;let seconds = Math.round(second);if (seconds < 10) {seconds = "0" + seconds;}_this.$store.state.realMusicTime = minutes+":"+seconds;//将实时时间存储到vuex中// console.log(_this.$store.state.realMusicTime);},false);}

JS获取Audio音频的实时时间相关推荐

  1. js获取audio语音时长

    js获取audio语音时长 //获取audio语音时长function getVoiceTime() {$('ul.conversation li .outer-right audio.addVoic ...

  2. js获取当前时间戳()+时间大小比较

    1.js获取当前时间戳 js 中日期转换成时间戳 - mmzz3322 - 博客园js字符串转化时间戳可以使用自带函数 Date(要转化的时间字符串)先转化为Date类型,之后再将Date类型转化为时 ...

  3. js获取多少天以后的时间

    // 获取多少天后的时间getDateStr(today, addDayCount) {var dd;if (today) {dd = new Date(today);} else {dd = new ...

  4. Js 获取 本周、本月起始时间

    涉及到显示本月或本周相关信息,又不想让php去判断,只好直接用js去计算,麻烦了好一阵,还是老老实实的看了下js的日期函数.现总结一下: //计算本周起始日期,并以 Y-m-d 形式返回.     f ...

  5. js获取当前时间戳;指定时间转换时间戳;时间戳转换时间

    1 JavaScript 获取当前时间戳: 方法一 var timestamp = Date.parse(new Date()); 结果:1557479983000 方法二 var timestamp ...

  6. js 获取最近几天的时间字符串

    function GetDateStr(AddDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+AddDayCount);//获取Add ...

  7. 利用js 获取本日 本周 本月时间代码

    function showToDay() { var Nowdate=new Date(); M=Number(Nowdate.getMonth())+1 alert(Nowdate.getMonth ...

  8. js获取近六个月时间

    // 获取最近六个月 getLastSixMon() {var data = new Date();//获取年var year = data.getFullYear();//获取月var mon = ...

  9. js获取一小时前的时间

    先定义方法: Date.prototype.format = function(fmt) {var o = {"M+": this.getMonth() + 1, //月份 &qu ...

  10. 获取天气html,JS 获取天气数据(实时)

    根据用户选择的城市,显示这个城市的天气信息.api接口:http://wthrcdn.etouch.cn/weather_mini?city=深圳 注意:这个接口已经服务端打破了同源. 效果: Pas ...

最新文章

  1. SAP VLPOD 报错 - Update control of movement type is incorrect (entry 107 X X E B _ E) - 之对策
  2. 如何在Objective C中声明Block?
  3. python【蓝桥杯vip练习题库】ALGO-232找零钱(贪心 模拟)
  4. CONVERT_TIME_INPUT
  5. linux mysql 1366_Linux MySQl 5.7.17 MySQL ERROR 1366(HY000):Incorrect string value 解决方法
  6. el-drawer点击的时候为什么有边框_80%人都有的表格强迫症怎么破,一招教你自动添加表格边框...
  7. java plus方法_Java.math.BigDecimal.plus()方法实例
  8. amaplocation无法获取高度_kali一款高度可定制的WiFi钓鱼工具 WiFiPhisher
  9. 计算机文本专业,15计算机专业2文字录入期中考试卷
  10. 分析:云存储和电子发现的结合
  11. 测试C++代码与WebBrowser HTML的互动
  12. matlab低通滤波器库函数代码_MATLAB低通滤波器的设计代码
  13. 群控系统linux脚本,万能安卓群控脚本助手(安卓群控软件)V1.1 最新版
  14. Github上最热门的11个Java开源项目你会了吗
  15. OLD:用于单变量和多变量异常值检测的SPSS宏
  16. MCAL中ADC的配置
  17. 小米电视如何安装第三方软件观看有线电视?看我如何操作
  18. 网易(weather)天气预报接口
  19. “精致穷”的年轻人养出百亿小样经济
  20. 【论文解读|2019】HAHE - Hierarchical Atentive Heterogeneous Information Network Embedding

热门文章

  1. 自制一个简单的操作系统
  2. Java 编程问题:九、函数式编程——深入研究
  3. python数据清洗代码_微博数据清洗(Python版)
  4. 那些年,我们一起追过的seo培训!
  5. 网站整站下载工具—HTTrack Website Copier
  6. 软件测试笔记本硬件,专业工作站软件测试_惠普笔记本电脑_笔记本评测-中关村在线...
  7. C#: PDF转图片(ghostscript)
  8. 幻想三国android官方版,幻想三国ol官方版下载
  9. cubase手机版android,Cubase中文应用
  10. 常用的台式计算机,台式电脑常见简单故障排除