HTML5音频:点击后播放声音“瞬间”在iPad上?

在写剧本的一些类似钢琴,那意味着它应该发挥的声音即刻当u点击/触摸/单击按钮。

但问题是,它好像它需要一定的时间(相对其很多)来播放声音每一次点击。

因为它看起来更像流这需要时间来加载:/

是否有任何其他的方法,我可以用它来实现这一目标?

谢谢:D,(*阅读至少)

--------------解决方案-------------

经过这样做DOMContentLoaded

yourAudioElement.play();
setTimeout(function(){
yourAudioElement.pause();
},1);

这将迫使浏览器的iOS缓存资源

预加载<audio><video>在iOS设备上禁用,以节省带宽。

在Safari iOS上(对于所有设备,包括ipad公司),其中用户可以是蜂窝网络中,每个数据单元被充电,预紧和自动播放被禁止。 没有数据加载,直到用户启动它。

来源:Safari开发库

分类:JavaScript的 时间:2012-01-01 人气:0
本文关键词: 的JavaScript,HTML5
分享到:

相关文章

  • '万有引力'无法正常运行的JavaScript / HTML5游戏 2012-05-23

    我写的JavaScript / HTML5一个简单的游戏,而我试图实现"万有引力". 我的代码是有点像这样: gravity = 4; acceleration = 1.1; function gameLoop() { gravity = gravity*acceleration; if (characterPositionY < 600) characterPositionY = characterPositionY + gravity; setTimeout(gameLoop

  • 使用Javascript HTML5画布鼠标输入? 2012-08-14

    我该如何获得鼠标点​​击的坐标使用Javascript HTML5的画布上的? 对不起,我没有一个代码示例或任何东西,但是这是一个非常简单的问题. --------------解决方案------------- $("canvas").mousedown(function(e) { console.log('Clicked: ' + e.offsetX + ', ' + e.offsetY); }); PS此解决方案假定您正在使用jQuery. 这是一个没有绝对的jQuery可行.

  • Java中的JavaScript / HTML5画布 2014-04-15

    我想知道什么了Java与JavaScript / HTML5的翻译都是这些东西:1.交换活动/布局2.方法3.扫描方法(通过文本框中输入) 我写一个游戏基本上是用JavaScript编写和HTML5. HTML5被纯粹用来显示通过画布上的图形. 我想创建一个菜单,我的比赛,但我不知道我怎么会切换到另一个布局,一旦我点击播放按钮. --------------解决方案------------- 你可以这样做一百万的方式. 但是你觉得最舒服. 如果你正在寻找灵感,这里是我做这件事. 我有直到一个按钮

  • 获取浏览器热键设置使用JavaScript / HTML5? 2012-02-09

    有没有什么办法可以使用​​JavaScript(或在必要HTML5)到热键检索浏览器的当前设置? 请注意,我不是要修改设置,只是想找回它. --------------解决方案------------- 可悲的是,对于这个你最好的选择是使用浏览器嗅探,并编制称为热键列表. 例如,使用jQuery插件,客户端,是这样的: var fullscreen = { Windows: { MSIE: 'Alt+F11', Firefox: 'Alt+F11' }, Mac: { Firefox: 'Shi

  • 是的JavaScript / HTML5能够支持“闪像”动画和拖放 2012-07-05

    与苹果的浏览器不支持Flash或Silverlight,有一个真正的动机,以避免闪存/ Silverlight来避免建立网站的时候失去了观众. 话虽这么说,就是好像你可以在Flash / Silverlight中唯一真正做某些功能 对于简单的游戏,你可以喜欢这个网站在屏幕上移动的东西很多例子似乎都被内置闪光灯. 同时,大量的拖放功能,您可以将一个对象到另一个像这样的游戏网站. 经过大量的搜索我找不到任何不基于任何Flash或Silverlight. 特别是我期待的拖放支持一个元素到另一个 我的问

  • 什么是最接近原生代码开发/调试经验,你可以得到的JavaScript / HTML5 / CSS在Mac? 2012-08-31

    我已经很长一段时间的开发商和我一直在进出网络发展多年. 据我知道这是一个难以实现的问题. 最近我在Xcode的Objective-C的已开发和正在寻求,作为非常类似的经验(Xcode中)开发环境,在现代IDE功能方面像断点,检验,代码完成/智能感知,等调试器 我做了一些JS开发中使用文本编辑器/ Firebug的面前,但是我不认为这是足够的. JavaScript是一般古怪,我正在寻找一个更优质的体验,一个全面的开发环境(适用于Mac),将提供用于开发HTML5 / CSS3 / JavaScr

  • 优势的JavaScript + HTML5在XAMP在本地计算机上 2012-12-16

    我有这样的想法开发客户端上的应用程序(或应用程序的同伴到其他基于Web的应用程序)的. 我最初的想法是在客户端上的XAMP栈运行它. 虽然这是完全可行的,我想用javascipt的HTML5 +(使用网络存储/索引数据库)更紧凑的方式. 我认为,没有运行Web服务器和数据库服务器会允许我的应用程序变得不太资源密集型. 任何想法,请. --------------解决方案------------- 什么是你想用你的应用程序来完成? 记住,如果有人清除缓存,它们可以删除所有这是在本地存储器中的数据.

  • 的JavaScript + HTML5的localStorage 2012-12-23

    所以我在寻找在localStorage的一个很好的速成班,并在Javascript中与它交互. 我想建立一些额外的功能的待办事项清单web应用,但它也不过1个用户. 我不想用PHP / MySQL的烂摊子,让服务器做任何事情. 教程的链接将是最好的:-D --------------解决方案------------- 这里有一个崩溃速成班,我发现非常有用的. 它解释了一堆HTML5的概念,包括本地存储,视频标签,离线网站,形式,地点,帆布等. http://diveintohtml5.org/s

  • 更改动态使用Javascript HTML5投入要素的“占位符”属性 2013-02-10

    我试图动态更新的HTML5 placeholder使用jQuery文本字段的属性. $("textarea").attr("placeholder", "New placeholder text"); 从Firebug的,我可以观察到placeholder属性确实在改变. 但在呈现textarea元件,它保持不变. 有什么建议么? --------------解决方案------------- 如果您使用的是萤火虫,我可以假设你使用的是Firef

  • 的JavaScript + HTML5画布:绘制,而不是拖动/滚动在移动设备上? 2013-04-03

    我使用的是HTML5画布+一些JavaScript(onmousedown事件/移动/时)在网页上创建简单的平局垫. 在Opera,火狐,Chrome等工程确定(试图在桌面PC). 但是,如果我访问该页面与iPhone,试图在画布上画的时候,而是拖动或滚动页面. 这是罚款,其他页面内容,滑动翻页就可以通过网页在移动浏览器像往常一样浏览了下来. 但有一种方法来禁用画布上的这种行为,这样也移动游客可以在它实际绘制的东西吗? 供您参考,这里有一个minimalisic例如: <html><he

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.744 (s). 10 q(s)