进入页面获取不到audio/video属性值问题_获取不到audiooutput-程序员宅基地

技术标签: html/CSS  html5音频视频获取属性值  

有时候我们不用html5自带的视频/音频的控件,需要自定义, 这个时候可能就需要用到一些audio/video属性值。我们有个业务场景需要进入页面就获取音频的总时长, 但一直无法获取到,只有和页面产生交互才能获取,折腾了一段时间,总算解决了。 

当音频/视频处于加载过程中时,会依次发生以下事件:
loadstart
durationchange
loadedmetadata
loadeddata
progress
canplay
canplaythrough

通过监听除了loadstart, progress的其他事件,都可以获取到视频、音频的总时长duration的值。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_41804429/article/details/84821804

智能推荐

页面显示的数据千分位处理,包括echart数据千分位处理(将数据每三位用逗号分隔)...-程序员宅基地

文章浏览阅读712次。最近用echart做金融报表系统,做了三十来个页面之后提出要让数据以千分位形式显示;页面既有表格又有echart图表,传入到echart的数据如果直接就带了",",那必将无法显示。最后我做了一个过滤器和一个公用函数;过滤器给表格用,公用函数给echart使用(用在label和tooltip的formatter回调函数中)。将数据每三位用逗号分隔的函数:function form..._echarts tooltip去除千位逗号

Openlayers 加载ArcGIS Server切片服务(自定义切片方案)_先使用arcgis server切好瓦片地图 xyz openlayer-程序员宅基地

文章浏览阅读4.4k次,点赞2次,收藏11次。背景最近遇到一个需求,要使用OpenLayer加载ArcGIS Server发布的服务。如果直接拷贝OpenLayer提供的在线官方Demo,然后修改下地图服务地址是跑不通的,这是因为OpenLayer默认加载的ArcGIS服务是规范化的切片方案(从0级到20级,每一级的切片比例尺都是固定的),但是由于现场使用的是自定义的切片方案,所以还需要去调整下代码。关键点在加载ArcGIS Serve..._先使用arcgis server切好瓦片地图 xyz openlayer

Java开发笔记(一百二十四)AWT绘图操作-程序员宅基地

文章浏览阅读118次。前面介绍了如何使用画笔在控件上展示图像,可是图像来源于磁盘图片,无法即兴绘制个性化的图案。所幸画笔工具Graphics不仅能够描绘图像,还支持绘制常见的几何形状,也支持绘制文本字符串,除了绘制图像用到的drawImage方法,Graphics还有下列常见的绘图方法:setColor:设置画笔的颜色。drawLine:在指定坐标的(x1,y1)与(x2,y2)两点之间画条线段。drawRect:以坐..._awt drawline

使用Cryptography进行对称密钥加密_使用 cryptography 对称加密算法加密一个文件,保留密钥和加密后的文件提交-程序员宅基地

文章浏览阅读3.1k次。Cryptographycryptography 库致力于成为“cryptography for humans”,提供各种函数帮助你创建安全,易于使用的加密方案。本文的环境是在python3.8运行,不过亲测3.5以上运行没有报错。安装cryptography库pip install cryptography在cryptography库中,对称加密算法的抽象是fernet模块,包括了对数据的加解密以及签名验证功能,以及密钥过期机制。该模块采用如下定义:加解密算法为AES,密钥位长128,C_使用 cryptography 对称加密算法加密一个文件,保留密钥和加密后的文件提交

任务管理器结束任务后黑屏处理方法_关闭一个进程灰屏怎么办-程序员宅基地

文章浏览阅读3.8k次。任务管理器内结束一个任务后导致黑屏,这是资源管理器崩溃。解决办法:打开任务管理器,选择文件–>运行新任务–>输入c:\windows\explorer.exe_关闭一个进程灰屏怎么办

C#窗体怎样实现自适应大小?使用布局控件实现窗体的自适应大小(非代码实现)C#WinForm怎样使控件随窗体大小的改变而自动适应?c#的控件摆放怎么在调试之后与最大页面适配?_c#控件自适应大小-程序员宅基地

文章浏览阅读2w次,点赞43次,收藏261次。在习惯了写固定大小的窗体之后总是会遇到界面显示不开的问题,在自己的电脑上运行的好好的,一跑到人家电脑上就动不动少一块显示不开。这哪能行,这以后那帮人用着用着屏幕稍微小点不就得找我调软件,你说咱总不能逼着人家换个显示器吧。为此我可是煞费苦心,当初年少无知的我可是快要走遍互联网的大街小巷,腿都快累断了。为啥实现都那么复杂哩?看了好多文章其实现原理几乎都是窗体打开时使用递归遍历所有控件,然后一个一个调尺寸,调位置。天哪,头都大了,就为了那么一个小小的功能给本来就臃肿的项目白白增加了一个类来实现,显得就更臃_c#控件自适应大小

随便推点

AttributeError: ‘str‘ object has no attribute ‘shape‘_attributeerror: 'str' object has no attribute 'sha-程序员宅基地

文章浏览阅读1.1w次。出现错误:AttributeError: ‘str’ object has no attribute ‘shape’解决方案:将后面的result改为result.array_attributeerror: 'str' object has no attribute 'shape

数据架构的机器学习集成:如何将机器学习算法集成到数据架构中-程序员宅基地

文章浏览阅读782次,点赞8次,收藏15次。1.背景介绍随着数据的规模不断扩大,数据架构在数据科学中的重要性日益凸显。数据架构是数据科学的基础,它决定了数据的存储、管理、处理和分析方式。随着机器学习技术的不断发展,将机器学习算法集成到数据架构中成为了一项重要的任务。在这篇文章中,我们将探讨如何将机器学习算法集成到数据架构中,以便更好地利用数据资源,提高机器学习模型的性能。我们将从以下几个方面进行讨论:背景介绍核心概念与联系...

开始挖掘数据前,该如何认识我们手上的数据?_如何挖掘到自己需要的数据-程序员宅基地

文章浏览阅读202次。(自己的认知与理解有限,文中错误、不当之处还请诸位不吝指出,大家共同进步) 数据是重要、应该被充分利用的,这一点大家都是认同的,就像我们的个人信息(尤其是手机号)被肆意的售卖,各种推销、诈骗电话屡见不鲜,虽然我们对此大为光火,但是对推销员和诈骗犯来说,人家确实利用到了数据,而且总能钓上几条鱼。作为一名数据挖掘工作者来说,可能没法在一线搜集数据,但是充分理解到手的数据是接下来一切工作..._如何挖掘到自己需要的数据

ireport中detail的伸展问题解决_ireport detail跨行分页-程序员宅基地

文章浏览阅读6.2k次。问题:ireport内容伸展问题。和分页时导致数据变成2行的问题。本身应该是一行数据,由于分页被分割成了2行的错误效果设计时:勾选,伸展到band高度在页面属性中,勾选忽略分页(如果分页的话,detail内容多时,会被截断成2行内容。容易导致无法区分,数据错误)..._ireport detail跨行分页

(66)Nginx+lua+Redis开发-程序员宅基地

文章浏览阅读85次。一. 概述Nginx是一个高性能,支持高并发的,轻量级的web服务器。目前,Apache依然web服务器中的老大,但是在全球前1000大的web服务器中,Nginx的份额为22.4%。Nginx采用模块化的架构,官方版本的Nginx中大部分功能都是通过模块方式提供的,比如Http模块、Mail模块等。通过开发模块扩展Nginx,可以将Nginx打造成一个全能的应用服务器,这样可以将一..._access_by_lua 代理redis

AdventNet 系列软件license-程序员宅基地

文章浏览阅读817次。、AdventNet ManageEngine Applications Manager Professional 7.4<?xml version="1.0" encoding="UTF-8" ?> - <License>- <!-- Please do not edit this license file. Editing this ..._eventlog12-license