html5的audio组件拖动播放音频播放不准确

作者：-刘耀宗_690 | 来源：互联网 | 2023-06-17 10:20

在使用html5的audio组件播放音频时，拖动播放音频文件，使用audioElement.currentTimetime这样传过去的参数，音频文件的长度是7:20，但是如拖动播放到7:14（

在使用html5的 audio组件播放音频时，拖动播放音频文件，使用audioElement.currentTime = time这样传过去的参数，音频文件的长度是7:20，但是如拖动播放到7:14（audioElement.currentTime=434）秒音频问价就播放完了。但是使用其他浏览器的时候就没有这样的问题。不知是不是fireFox自身的问题。不知哪位大侠也越到过这样的问题。该怎么解决啊？万分的急啊！！！！！！

3 个解决方案

#1

好好努力，上w3c上面看看，地址：http://www.w3school.com.cn/tags/tag_audio.asp

#2

该回复于2014-06-21 16:04:38被管理员删除

#3

不愧是版主！！学习了！！！

推荐阅读

audio
使用摄像头捕获图像并将其保存为文件

本文介绍了如何利用摄像头捕捉图像，并将捕获的图像数据保存为文件。通过详细的代码示例，展示了摄像头调用的具体实现方法，适用于多种应用场景，如安全监控、图像处理等。 ... [详细]

蜡笔小新 2024-10-24 15:03:41
audio
如何将TS文件转换为M3U8直播流：HLS与M3U8格式详解

在视频传输领域，MP4虽然常见，但在直播场景中直接使用MP4格式存在诸多问题。例如，MP4文件的头部信息（如ftyp、moov）较大，导致初始加载时间较长，影响用户体验。相比之下，HLS（HTTP Live Streaming）协议及其M3U8格式更具优势。HLS通过将视频切分成多个小片段，并生成一个M3U8播放列表文件，实现低延迟和高稳定性。本文详细介绍了如何将TS文件转换为M3U8直播流，包括技术原理和具体操作步骤，帮助读者更好地理解和应用这一技术。 ... [详细]

蜡笔小新 2024-11-11 12:12:04
format
优化后的标题：hCalendar微格式：深入解析事件与时间、地点相关的活动标记方法

本文深入探讨了 hCalendar 微格式在事件与时间、地点相关活动标记中的应用。作为微格式系列文章的第四篇，前文已分别介绍了 rel 属性用于定义链接关系、XFN 微格式增强链接的人际关系描述以及 hCard 微格式对个人和组织信息的描述。本次将重点解析 hCalendar 如何通过结构化数据标记，提高事件信息的可读性和互操作性。 ... [详细]

蜡笔小新 2024-11-04 17:57:52
format
深入解析Struts数据标签：s:property、s:a、s:debug、s:include与s:param的应用与优化

本文详细探讨了Struts框架中几种常用的数据标签，包括`s:property`、`s:a`、`s:debug`、`s:include`和`s:param`。这些标签在实际开发中的应用广泛，不仅用于数据展示和链接生成，还提供了调试和模块化功能。文章分析了每个标签的基本用法及其属性配置，并结合具体示例介绍了如何进行性能优化和最佳实践。通过这些内容，开发者可以更好地理解和利用这些标签，提高开发效率和代码质量。 ... [详细]

蜡笔小新 2024-10-24 12:19:03
ip
FileReader详解与实例---读取并显示图像文件

我们曾经在《HTML5中File对象初探》中，使用到了FileReader，在那篇文章中，它被用来将一个文件读取为二进制字符串，并通过xhr发送到后端形成交互。作为FileAPI的一部 ... [详细]

蜡笔小新 2023-10-15 16:35:41
ip
Android开发技巧：使用IconFont减少应用体积

本文介绍如何在Android应用中使用IconFont来显示图标，从而有效减少应用的体积。 ... [详细]

蜡笔小新 2024-11-12 12:07:42
import
如何调整下拉菜单的宽度以优化用户体验？ - How to Adjust the Width of a Dropdown Menu for Better User Experience?

为了优化用户体验，本文探讨了如何调整下拉菜单的宽度。通过合理设置宽度，可以提升界面的美观性和易用性。文章提供了具体的代码示例，帮助开发者实现这一目标。例如，可以通过 CSS 或 JavaScript 来动态调整下拉菜单的宽度，确保其在不同设备和屏幕尺寸上都能保持良好的显示效果。 ... [详细]

蜡笔小新 2024-11-08 18:27:10
js
如何高效利用Hackbar插件提升网页调试效率

通过合理利用Hackbar插件，可以显著提升网页调试的效率。本文介绍了如何获取并使用未包含收费功能的2.1.3版本，以确保在不升级到最新2.2.2版本的情况下，依然能够高效进行网页调试。此外，文章还提供了详细的使用技巧和常见问题解决方案，帮助开发者更好地掌握这一工具。 ... [详细]

蜡笔小新 2024-11-06 15:41:47
ip
七款高效编辑器与笔记工具推荐：KindEditor自动换行功能解析

本文推荐了七款高效的编辑器与笔记工具，并详细解析了KindEditor的自动换行功能。其中，轻笔记QingBiJi是一款完全免费的记事本软件，用户可以通过其简洁的界面和强大的功能轻松记录和管理日常事务。此外，该软件还支持多平台同步，确保用户在不同设备间无缝切换。 ... [详细]

蜡笔小新 2024-11-06 11:14:53
js
Joomla系统概述与应用指南

Joomla!软件介绍【Joomla!概括介绍】国外相当知名的内容管理系统。【Joomla!基本介绍】Joomla!是一套在国外相当知名的内容管理系统(ContentManagem ... [详细]

蜡笔小新 2024-10-23 15:41:28
audio
全民k歌导出音乐方法（包含未发布，已发布歌曲导的两种方法）

**一、首先来介绍未发布歌曲导出方法**这就很简单，基本大家都会我在这儿就给还不太清楚的童鞋简单做个指引1、打开QQ,找到我的文件2、找到SD卡3、按图示步骤3、图示这个.m4a就 ... [详细]

蜡笔小新 2024-09-29 18:48:39
audio
开发笔记：使用Junit和黄瓜进行自动化测试步骤缺失

本文由编程笔记小编整理，主要介绍了使用Junit和黄瓜进行自动化测试中步骤缺失的问题。文章首先介绍了使用cucumber和Junit创建Runner类的代码，然后详细说明了黄瓜功能中的步骤和Steps类的实现。本文对于需要使用Junit和黄瓜进行自动化测试的开发者具有一定的参考价值。摘要长度：187字。 ... [详细]

蜡笔小新 2023-12-11 20:20:32
const
扩大微信小顺序 Page 组织函数，修正性命周期函数

不BB,直接正题一.将大众要领绑定到Page上单个绑定constoldPagePagePagefunction(app){注重大众函数的名字不要反复，不然掩盖app.utilfun ... [详细]

蜡笔小新 2023-10-14 20:49:01
ip
将两个内嵌块左右对齐放在同一行上 - Align two inline-blocks on same line, one to the left and one to the right

HowcanIaligntwoinline-blockssothatoneisleftandtheotherisrightonthesameline?Whyi ... [详细]

蜡笔小新 2023-10-14 08:37:52
config
React图片输入框移动端网页_018

React-图片输入框-移动端网页gitHub地址觉得有参考价值，点个赞https:github.comxiaopingzh…目录结构.├──README.md├──dist│├─ ... [详细]

蜡笔小新 2023-10-13 18:11:44

-刘耀宗_690

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章