js通过音频链接获取音频时长

Eli-sun

于 2024-05-13 11:08:15 发布

阅读量1.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript 音视频开发语言

本文链接：https://blog.youkuaiyun.com/vfjcgg/article/details/138793931

js通过音频链接获取音频时长

要在JavaScript中从音频链接获取音频文件的持续时间，您可以使用fetch API来检索音频文件，然后使用audio API来获取持续时间。例子:

function getAudioDuration(audioUrl) {
   
   
  return fetch(audioUrl)
    .then((response) => response.arrayBuffer())
    .then((arrayBuffer) => {
   
   
      return new Promise

最低0.47元/天解锁文章

200万优质内容无限畅学

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Eli-sun

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

vue中使用原生js获取音频、视频的播放时长

weixin_48115935的博客

01-20

2152

最近工作中遇到了一个没有写过的需求：需要判断用户上传的音频、视频时长。于是我就百度搜索了一下，现在自己整理了一下大概的思路，分享给大家。 <input type="file" @change="chance(e)" /> chance(e) { const file = e.target.files[0] // 定义一个音频实例对象 let audio = new Audio() // 将本地

PHP 获取视频video音频audio详情【时长、大小、尺寸、格式等】

09-26

PHP获取视频、音频文件详细信息【文件大小、视频时长、视频编码详情、音频编码详情、视频高度宽度等】，不需要安装和配置环境（不像mpeg），直接引入到项目中即可使用，非常方便。

参与评论您还未登录，请先登录后发表或查看评论

js获取音频时长

工作中遇到问题记录

10-08

2814

js获取音频时长

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

04-10

2217

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

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

DDDHL_的博客

11-26

7448

使用浏览器内置播放器无法显示时长，播放到一定时间后才能显示。获取audio.duration为NaN或者Infinity

微信小程序获取音频时长与实时获取播放进度问题

10-18

微信小程序在开发中涉及到音视频内容的播放是非常常见...通过本篇文章的学习，开发者可以对微信小程序中音频时长的获取和播放进度的实时监控有更深入的了解，并在实际开发中合理地运用这些知识来提升小程序的用户体验。

JS实现audio音频剪裁剪切复制播放与上传(步骤详解)

10-15

在JavaScript中实现音频剪裁、剪切、复制和播放，以及上传音频文件，主要依赖于Web Audio API。这个API提供了一系列高级的音频处理能力，包括读取、操作和播放音频数据。以下是一些关键步骤和相关知识点的详细解释：...

vue 获取视频时长的实例代码

10-16

在Vue.js应用中，获取视频时长是一项常见的需求，特别是在处理用户上传的视频文件时，可能需要预览视频时长来提供更好的用户体验或进行格式验证。以下是一个关于如何在Vue中获取视频时长的实例代码解析。首先，...

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

weixin_42333548的博客

12-08

7294

当我们在加载一个线上mp3地址或者获取audio的duration的时候，会发现有拿到duration是Infinity的情况，这时如果我们动态的展示录音时间时候就会有问题。首先明确一下这是chrome浏览器自己的存在的一个bug，因为我们拿到的录音数据流没有定义长度，所以浏览器无法解析出当前音频的时长。

mp3长度获取

10-08

获取时间长度、c++代码工具、三种不同的方式、其中两个可以直接使用exe测试

获取MP3歌曲名歌手时长等详细信息

07-07

获取MP3歌曲名、歌手、时长、占用空间大小等详细信息。

利用js和audio标签读取音频文件并计算音频时长

Nelson_hehe的博客

09-16

5554

本篇文章介绍了在动态修改引用声音文件和查看音频文件时长的两种场景下的解决方案和代码示例，点击查看详情...

js 获取audio时长

追梦猪的博客

10-08

1222

写js时在网上找了很多获取音频时长都获取不到，然后搜索各种试最后终于可以，记录下来方便以后使用varmyVid=document.getElementById("audio_duration"); console.log("duration...

js获取html5 audio 音频时长方法

weixin_30786617的博客

07-12

1557

var myVid = $('#' + showImgId)[0]; if (myVid != null) { var duration; myVid.load(); ...

js获取audio语音时长

gusijin的博客

02-09

4303

js获取audio语音时长 //获取audio语音时长 function getVoiceTime() { $('ul.conversation li .outer-right audio.addVoiceTime').each(function () { var audio = $(this)[0], duration; audio.load(); audio.oncanplay = function(){

js 获取视频，者音频时长

小糖穿越火线

06-16

672

js 获取视频，者音频时长 let fileUrl = URL.createObjectURL(file) let audioElement = new Audio(fileUrl) let time audioElement.addEventListener('loadedmetadata', function(_event) { time = audioElement.duration console.log('???? ✪ 行号：88', time, 'duration') //单位：秒

js获取本地音视频时长

weixin_43625763的博客

10-26

771

//html <input type='file' id='upload' /> //js document.querySelector('#upload').onchange = function(e){ let file = this.files[0] let audio = new Audio() try{ audio.srcObject = file }catch(err){ audio.src = URL.createObjec.

用js 模仿网易云获取音频时长

04-16

可以使用HTML5的`audio`标签来获取音频时长，代码如下： ```javascript let audio = new Audio('音频地址'); audio.onloadedmetadata = function() { console.log('音频时长：' + audio.duration + '秒'); } ``` 其中，`onloadedmetadata`事件在音频元数据加载完毕后触发，可以获取音频时长。需要注意的是，由于浏览器安全策略的限制，如果音频地址跨域，则无法读取音频元数据。此时需要使用后端代理或者跨域访问授权等方法来解决跨域问题。