Tag: html5

使用JavaScript动态控制HTML5音频

我有一个包含大约10个缩略图的画廊，每个缩略图代表一首歌。 为了控制每个的播放，我设置了一个播放按钮以通过jQuery淡入。 在围绕Apple的开发中心进行一些挖掘之后，我找到了一些原生的JavaScript来控制音频。 它工作得很漂亮，但是为了一次控制一个对象而编写。 我想做的是将其重写为一个动态控制您选择的缩略图的播放/暂停的function。 下面是我发现的代码..工作，但是编写它10次是很多不必要的代码。 感谢您的帮助和建议，永远！ HTML： Your browser does not support HTML5 audio. JavaScript的： function playPause() { var song = document.getElementsByTagName(‘audio’)[0]; if (song.paused) song.play(); else song.pause(); }

下载属性在Firefox中不起作用

我试图让用户使用Javascript和HTML5下载属性（ http://caniuse.com/#feat=download ）将一些数据下载为CSV（文本）文件。 数据以数组forms生成，然后添加到新的Blob对象中。 它在Chrome和Opera中完美运行，但在Firefox中根本不起作用。 我试图复制的原始示例： http ： //blog.eliacontini.info/post/79860720828/export-to-csv-using-javascript-the-download-attribute 小提琴： http ： //jsfiddle.net/8wos7cf8/5/ 使用Javascript： $(‘#downloadButton’).click(function () { // some data to export var data = [{ “title”: “Book title 1”, “author”: “Name1 Surname1” }, { “title”: “Book title 2”, “author”: “Name2 Surname2” }, { “title”: “Book title 3”, “author”: “Name3 Surname3” }, { “title”: “Book […]

HTML5video在javascript中完全预加载

我有一个高质量的video，我无法压缩太多，因为它将成为大量图像分析的基础，每个帧将被重绘到canvas然后进行操作。 我试图在播放之前预先加载整个内容，因为我无法将video停止，缓冲并继续。 是否有一个我可以收听的事件，表示在开始播放之前整个video已预先加载？ 这是我在JS / jQuery中的表现： this.canvas = this.el.find(“canvas”)[0]; this.video = this.el.find(“video”)[0]; this.ctx = this.canvas.getContext(“2d”); this.video.autoplay = false; this.video.addEventListener(“play”,this.draw) this.video.addEventListener(“timeupdate”,this.draw) this.video.addeventlistener(“ended”,this.trigger(“complete”,this))

JavaScript事件处理的竞争条件？

我们知道JavaScript是单线程的，但我们想要确认我们对JavaScript中异步事件处理的理解。 更重要的是，我们想确认我们没有暴露于潜在的竞争条件。 从概念上讲，我们的移动应用是这样的： 我们在加载移动页面时调用函数foo 。 在foo结束时，如果计数器大于0 ，我们使用setTimeout再次调用foo （延迟一秒）。 如果计数器达到0 ，我们加载一个新页面。 超时保存在变量中。 如果点击了一个按钮，我们调用do_tap函数并清除第二步中保存的超时变量（并执行其他操作）。 do_tap和foo都更新了相同的页面元素，我们想确认它们不会互相踩踏。 问题： 假设在执行foo期间发生了敲击。 浏览器队列do_tap会在foo完成后开始执行吗？ 换句话说，我们是否保证一旦foo启动，我们永远不会看到执行foo和do_tap交错？ 如果首先出现水龙头怎么办？ 保证do_tap在foo启动之前完成，对吗？

如何使用滑块更改HTML5音频音量或音轨位置？

我知道.play()和.stop()方法。 但有没有办法将滑块连接到音量？ 或滑块到轨道位置？ 那可能吗？ 并且感谢帮助。 谢谢！

如何在html5，jquery，javascript中获取图像字节字符串（base64）？

我在iPhone或Android中有一个图像，我想通过jQuery AJAX将该文件流或字节串传递给Web Service以在服务器上存储文件。 那么，在HTML5中如何获取图像文件（jpg，gif等）字节字符串，以便我可以将其发布到服务器？

jQuery和history.js的例子

我在jQuery中使用history.js时遇到了一些麻烦。 我只是想使用后退按钮（他们似乎做得非常好）使导航设置工作。 然而。 当我单击后退按钮时，url会更改为旧的（这也是好的和我想要的），但内容不会替换它应该。 为了使这更容易理解，这里有一些代码。 Content page 1 Content page 2 Content page 3 Content page 4 Content page 5 Content within this box is replaced with content from supporting pages using javascript and AJAX. 显然我想要的是页面内容加载到内容中，使用.load（）很容易完成，然后我希望后退按钮在用户使用它时向后移动。 目前url已更改，但框中的内容未更改。 我该如何改变或修复它？

html5拖放FOR MOBILE

我在w3schools上发现这个代码用于拖放，它可以在桌面上运行，但不适用于移动设备。 我需要修改什么才能识别触摸？ #div1 {width:350px;height:70px;padding:10px;border:1px solid #aaaaaa;} function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { ev.dataTransfer.setData(“Text”,ev.target.id); } function drop(ev) { ev.preventDefault(); var data=ev.dataTransfer.getData(“Text”); ev.target.appendChild(document.getElementById(data)); } Drag the W3Schools image into the rectangle:

使用HTML5 / jQuery从iPhone获取用户号码

有没有办法使用HTML5 / jQuery获取iPhone用户的电话号码？ 我只看到如何使用SDK完成此操作。 编辑： 到目前为止，我发现的唯一一件事是在初始安装时询问用户他们的号码并存储它。

如何在没有堆叠回调的情况下在jQuery中制作动画？

假设我有三个div，并且我希望每个div都完成前一个动画。 目前，我写这个： $(‘div1’).fadeOut(‘slow’, function() { $(‘div2’).fadeOut(‘slow’, function() { $(‘div3’).fadeOut(‘slow’); }); }); 这是丑陋的，但可管理。 现在想象一下，我有10种不同的动画需要在不同的元素上一个接一个地发生。 突然间，代码变得如此笨重，以至于管理起来非常困难…… 这是我想要做的伪代码： $(‘div1’).fadeOut(‘slow’ { delay_next_function_until_done: true } ); $(‘div2’).fadeOut(‘slow’ { delay_next_function_until_done: true } ); $(‘div3’).animate({ top: 500 }, 1000 ); 我该如何实现这一目标？