程序员经验分享-hwhale

iOs 中 HTML5 音频元素的持续时间值存在问题

2023-11-27

我正在为 iOs 设备开发一个网络应用程序，但 html5 音频标签有问题...... 我设计了一个自定义音频播放器，并使用 JavaScript 函数控制歌曲。 在 safari 桌面版上，该应用程序运行良好，但在 safari 移动版上，它无法识别音频的持续时间；持续时间属性的值为 NaN。 我必须播放、停止和重播音频才能检索正确的值。 可能的原因是 safari 移动设备上禁用了媒体预加载... 有没有办法在第一次拍摄时读取正确的值？


这是 iOS 中的一个错误...即使在调用的函数内部也是如此onloadedmetadata事件，你可能仍然会得到NaN.

就我而言，当用户选择新的 mp3 并且代码动态设置src财产。音频播放正常，但有时，持续时间会返回NaN，搞砸任何依赖于该值的进度指示器。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

html

Audio

mobilesafari

iOs 中 HTML5 音频元素的持续时间值存在问题 的相关文章

  • 如何在 Angular 应用程序中动态更改 CSS 类名称？

    我有两个 CSS 类名 如下所示 icon heart color bdbdbd icon heart red color a6b7d4 我的 HTML 包含一个心形图标 div class icon heart div

  • 裁剪响应式全宽图像

    我必须剪辑跨越整个宽度的图像 以下事情对我不起作用 剪辑 这需要绝对位置 因此块元素不会堆叠在下面 背景位置 缩放时无法正确剪辑 放大时剪辑的部分会增加 反之亦然 包装器 包装器高度取决于浏览器宽度 因此其值应该是动态的 我使用了 seti

  • div 准备好后如何调用函数？

    我的 javascript 文件中有以下内容 var divId divIDer jQuery divId ready function createGrid Adds a grid to the html html 看起来像这样 div

  • HTML CSS 循环协助

    希望你能帮忙 我想知道您是否可以在循环中创建以下类型 你知道这是否可能吗 body background 000 DEMO SPECIFIC STYLES typewriter h1 color fff font family Bebas

  • 使用添加“title”属性换行符 到 JSX 元素

    我知道我可以在 HTML 中添加换行符title属性使用 10 但 React 避免了这一点 例如 这是一个 React 组件 其中包含一个标准的 未由 React 处理的组件title包含换行符的属性 并且可以在浏览器中看到效果 但是如果

  • Ace Editor 自动完成和多种语言

    如何为 Ace 编辑器创建自动完成功能以及如何突出显示 php 中的 html javascript 和 csshttp ace ajax org http ace ajax org

  • 使用 ASP.Net 和 Ajax 的登录页面

    我正在尝试使用 html ajax 和 ASP NET 制作登录页面 数据确实传递给 ajax 函数 但是当我调试 asp 页面时 用户名和密码以 NULL 发送 该代码应该获取用户名和密码 然后返回用户 ID html页面 div Use

  • 单击后按键不会删除过渡

    我认为问题可能出在const 音频 document querySelector audio data key e keyCode const key document querySelector key data key e keyCod

  • 在html页面中使用jquery显示json数据

  • 如何居中对齐数据表标题

    我是数据表新手 当我制作表格标题时 它总是左对齐 如何将标题设置为居中对齐 我已阅读 datatables net manual styling classes 和 datatables net reference option colum

  • 多行有多个提交按钮，我应该为每个按钮制作一个表单吗？

    我列出了大约 20 行 每行代表一个订单 每行需要有 3 个按钮 每个按钮单击将执行不同的操作 我有 3 个操作来处 理每个按钮发布请求 我只是不确定如何为每个按钮设置 Html 表单 tr td td tr

  • BeautifulSoup4：选择属性不等于x的元素

    我想做这样的事情 soup find all td attrs class foo 我想找到所有不具有 foo 类的 td 显然上面的方法不起作用 那怎么办呢 BeautifulSoup确实使 汤 变得美丽且易于使用 You 可以传递一个函

  • 如何将值发布到输入框中？

    Intro I would like to get the current time after clicking at click and POST the value into input text box Note 假设包含引导样式表

  • 有没有一种方法可以在没有输入的情况下发送表单值

    假设我有以下表格

  • 从选择 onChange 调用 javascript 函数 [重复]

    这个问题在这里已经有答案了 所以我有一个简单的 HTML 选择框和一个 javascript 警报功能 我希望选择框有一个 onchange 事件来调用 javascript 警报函数 这是我到目前为止所拥有的 HTML div Type

  • 使用 jQuery inputmask 插件范围 0-100

    如何创建 0 到 100 范围内的掩码 document ready function masked inputmask 您可以使用jquery inputmask regex extensions js为了那个原因 你可以找到带有所有扩展

  • Bootstrap 4 Beta 0 网格系统上的 Rowspan

    您好 我正在开发一个使用 Bootstrap 4 Beta 的电子商务模板 我让它在移动设备上工作 但在桌面设备上我不知道如何让购买按钮保持在标题下 在我的方法中 它出现在 图库 部分下 Desired Desktop Desired Mo

  • 如何从 html 页面 [javascript] 调用 Web 服务方法而不刷新页面

    我有一个webservice这将返回一个值 我的要求是 我需要调用它webservice从一个index html页面 该页面有一个 html 提交按钮 在该按钮上单击我正在呼叫JavaScript 从那里我想调用网络方法 我怎样才能做到这

  • 如何将MathJax公式转换为img

    Mathjax 现在在我的项目中运行良好 但有一个问题 有没有办法将MathJax的公式 纯html和css 转换成img文件 我可以保存 MathJax 可以配置为生成 SVG 看http docs mathjax org en late

  • 我应该创建一个块还是一个元素 BEM CSS？

    Bem官网说 创建一个块如果一段代码可以被重用并且它不依赖于正在实现的其他页面组件 创建一个元素如果一段代码在没有父实体 块 的情况下无法单独使用 我有一个 关于部分 块 它的元素依赖于父级并且不能在网站中重复使用 如何根据 bem 这段代

随机推荐

  • Angular UI 路由器 $transitions.onBefore

    我正在使用 Angular ui 路由器版本 1 0 0 alpha 4 因为默认情况下根范围事件处于非活动状态 所以我考虑使用新的方法来实现身份验证机制 如下所示 run transitions timeout q state AuthS

  • 在 Chrome 扩展程序网上应用店列表中更改“来自 [名称]”/“由 [名称] 提供”

    我创建了一个 Chrome 扩展程序 默认情况下 它在 from xyzpqr 中获取我的 Gmail ID 如何将我的 Gmail ID 更改为其他名称 您可以在您的位置设置显示名称 每个发布者帐户 而不是每个项目 开发者仪表板 该规则的

  • 如何在所有 RowVersion 列上自动设置 ConcurrencyMode=Fixed？

    EF 默认没有并发控制 最后写入获胜 这允许丢失更新 可以通过在 RowVersion 列上设置 ConcurrencyMode Fixed 来显式配置强制乐观并发检查 我们如何在所有表的 RowVersion 列上自动设置 Concurr

  • 如何动态地成为控制台应用程序或 Windows 应用程序

    我有一个小应用程序 应该在以下位置执行两种模式 非 UI 或 WPF 窗口 它应该取决于命令行参数 在每种模式下 我需要显示一些反馈日志 在 WPF 窗口模式下 WPF 将负责可视化日志 在无 UI 模式下 我需要一个控制台来显示日志 如果

  • php句子边界检测[重复]

    这个问题在这里已经有答案了 我想用 PHP 将文本分成句子 我目前正在使用正则表达式 它的准确率约为 95 并且希望通过使用更好的方法来改进 我见过用 Perl Java 和 C 实现此目的的 NLP 工具 但没有看到任何适合 PHP 的工

  • 在浏览器有机会绘制之前，React 如何正确测量 useLayoutEffect 挂钩中的 DOM 元素？

    在 React 官方文档中 对于useLayoutEffect 其中提到 签名与useEffect 但它会在所有 DOM 突变后同步触发 使用它从 DOM 读取布局并同步重新渲染 内部计划更新useLayoutEffect在浏览器有机会绘制

  • 当模式匹配时，是否可以使非捕获组在 scala 正则表达式中工作

    据我从文档中看到 非捕获组是由 定义的 就像在 Java 中一样 我相信这是同一个底层库 但是 这似乎不起作用 var R a b c r R findFirstMatchIn abc get group 1 返回 b 当它应该为空时 我怀

  • Google OAuth 接受按钮被禁用

    我有一个在 BlackBerry 10 和 PlayBook 设备上运行的 Google 云端硬盘应用程序 OAuth 流程对所有用户都运行良好 8月23日突然收到一些用户的举报 抱怨 接受 按钮被禁用 无法完成授权 到目前为止 我注意到这

  • JS函数只允许输入字母和空格

    我需要一个 jquery 或 js 函数来只允许输入字母和空格 提前致谢 page

  • 何时阻止类继承？

    最近有人告诉我面向对象编程的一个很好的实践你应该始终允许从你的类继承 我确实不这么认为 但我心里也没有确凿的论据 真实世界阻塞继承的例子 没有 C STL 类 专用类模板 允许继承 具有非虚拟析构函数 Java有它的final适用于许多标准

  • 如何获取iOS设备的唯一ID？

    我在服务器端使用mac地址来识别iOS设备 当使用 iOS 7 运行我的应用程序时 无法检索正确的 MAC 地址 或者我用过 NSUUID oNSUUID UIDevice currentDevice identifierForVendor

  • Flutter 用于 Web Cookie/令牌会话和身份验证

    我正在开发一个全栈应用程序 使用NodeJS 和 Flutter Web 版 目前我不明白如何制作安全 cookie 令牌会话 我需要的答案是如何使用 Flutter For Web 制作一个身份验证系统就像其他社交网络或 Stackove

  • Maven 编译错误。执行javac失败，但无法解析错误：javac: invalid flag: -s

    尝试执行 mvn clean install 时出现编译错误 ERROR COMPILATION ERROR INFO ERROR Failure executing javac but could not parse the error

  • 内部错误（javaClasses.cpp：129）

    我正在尝试在 Eclipse 上使用 JUnit 4 和 Robolectric 运行测试 但我一直收到此错误 Invalid layout of java lang String at value A fatal error has be

  • 如果矩阵中单个作业失败，则将 GitHub 操作工作流程标记为失败

    运行 GitHub Actions 矩阵工作流程时 我们如何允许作业失败 继续运行所有其他作业 并将工作流程本身标记为失败 在此图中 您可以看到即使作业失败后工作流程也会通过 在这种情况下 我们需要将工作流程标记为失败 这是我的工作流程 y

  • 多个 mongoose 预保存中间件

    我想对单个模式使用多个预保存猫鼬中间件 这可能吗 Example var schema new Schema schema pre save function next do stuff next schema pre save funct

  • 具有 2 个主键字段的 JPA 表

    我有一个只包含 2 个字段的表 该表有一个由这两个字段组成的复合PK 当使用 Netbeans 从数据库创建实体 bean 时 实体 bean 不会像其他具有 2 个以上字段的表那样自动创建 所以我想我需要自己创建实体bean 创建此实体

  • 直接调用全局安装的Node.js模块

    假设我想为 Node js 编写一个要全局安装的模块 我不想编写任何 C 或其他东西 而是编写普通的 Node js 代码 基本上 这很容易 只需编写模块 然后使用安装即可npm install g 现在 大多数全局安装的模块都提供了直接调

  • elm 生成随机数

    我想在 elm 中的两个值之间生成一个随机 int 像这样的东西 nb random 0 10 我已阅读该文档和多篇文章 最好的答案来自这个 stackoverflowpost gen Random int 0 10 seed0 Rando

  • iOs 中 HTML5 音频元素的持续时间值存在问题

    我正在为 iOs 设备开发一个网络应用程序 但 html5 音频标签有问题 我设计了一个自定义音频播放器 并使用 JavaScript 函数控制歌曲 在 safari 桌面版上 该应用程序运行良好 但在 safari 移动版上 它无法识别音

热门标签