Tag: html5

如何使用Servletstream式传输audio/video文件，如MP3，MP4，AVI等: 我想使用servlet将我的audio/video文件stream式传输到Web上。我尝试了下面的servlet： protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { File file = new File("/Users/myfolder/Documents/workspace/love.mp3"); response.setContentType(getServletContext().getMimeType(file.getName())); response.setContentLength((int) file.length()); Files.copy(file.toPath(), response.getOutputStream()); } 和下面的HTML： <a href="/media" data-format="mp3 ogg">Click Here!</a> 然而，玩家正在加载…正在加载…正在加载… 这是如何造成的，我该如何解决？

可以跨子域共享HTML5数据库和localStorage吗？: 我正在尝试使用Safari跨子域共享数据。我想使用HTML5数据库（特别是localStorage，因为我的数据不过是键值对）。但是，好像存储到domain.com的数据不能从sub.domain.com访问（反之亦然）。在这种情况下有没有办法共享一个数据库？

强制网站只能以横向模式显示: 我只想以横向模式显示我的网站，是否可能？用户手中的设备的方向是什么并不重要，但网站将始终处于横向模式。我已经看到iPhone应用程序的工作，但这可以做一个网站？

在HTML5canvas上绘制一个SVG文件: 是否有一个默认的方式来绘制一个SVG文件到HTML5canvas上？ Google Chrome浏览器支持将SVG加载为图片（并简单地使用drawImage ），但开发者控制台会警告将该resource interpreted as image but transferred with MIME type image/svg+xml 。我知道有可能将SVG转换为canvas命令（就像这个问题一样），但我希望这不是必须的。我不在乎旧的浏览器（所以如果FireFox 4和IE 9将支持的东西，这是够好的）。

获取HTML5 localStorage密钥: 我只是想知道如何获得localStorage所有关键值。我试图用一个简单的JavaScript循环检索值 for (var i=1; i <= localStorage.length; i++) { alert(localStorage.getItem(i)) } 但是，只有当键是从1开始的累进数字时才起作用。我如何获得所有的密钥，以显示所有可用的数据？

如何在HTML5canvas中绘制一个椭圆形？: 似乎没有一个本地的function来绘制一个椭圆形的形状。另外我不寻找蛋形。用2条贝塞尔曲线绘制一个椭圆是否可能？有人认为呢？我的目的是画出一些眼睛，实际上只是使用弧线。提前致谢。解所以scale（）改变所有下一个形状的缩放比例。保存（）保存设置之前和还原用于恢复设置绘制新的形状，而不缩放。感谢Jani ctx.save(); ctx.scale(0.75, 1); ctx.beginPath(); ctx.arc(20, 21, 10, 0, Math.PI*2, false); ctx.stroke(); ctx.closePath(); ctx.restore();

将图标放入圈子: 我怎样才能将几个<img>元素放在另一个圆圈中，并且这些元素都是可点击的链接？我希望它看起来像下面的图片，但我不知道如何达到这个效果。这甚至有可能吗？

HTML5本地存储回退解决scheme: 我正在寻找JavaScript库和代码，可以在没有本地支持的浏览器上模拟localStorage 。基本上，我想编写我的网站使用localStorage存储数据，并知道它仍然可以在本地支持它的浏览器上工作。这意味着一个库会检测是否存在window.localStorage并使用它。如果它不存在，那么它会通过在window.localStorage命名空间中创build自己的实现来创build某种本地存储的回退方法。到目前为止，我find了这些解决scheme：简单的sessionStorage实现。一个使用cookie的实现（对这个想法不感到兴奋）。 Dojo的dojox.storage ，但这是它自己的东西，不是真正的后备。我明白，Flash和Silverlight也可以用于本地存储，但没有发现任何使用它们作为标准HTML5 localStorage的后备。也许Google Gears也有这个function呢？请分享您find的任何相关的图书馆，资源或代码片段！我会特别感兴趣的纯JavaScript或基于jQuery的解决scheme，但我猜这是不太可能的。

HTMLselect元素closures时是否会触发DOM事件？: 我正在寻找一个DOM事件，我可以通过JavaScript来监听，当一个select元素被打开（但没有任何选项改变），然后点击select元素，在页面的其他地方（任何地方）closures。这不是selectblur事件，因为select保留焦点。同样，它不是某个其他元素或文档的focus事件，也不是click或click窗口，文档或主体。这不是select的change事件，因为select中的选项没有被更改。我不关心传统的Internet Explorer，只需要在符合标准的现代浏览器中工作即可。虽然专有的黑客可能值得了解。我创build了一个JSFiddle来演示这个问题： http : //jsfiddle.net/premasagar/FpfnM/ 点击“结果”面板上的select框单击标记为“HERE”（或其他任何地方）的文本，只需单击一下，看是否有任何事件添加到日志中。最新的Chrome或Firefox中没有发生任何事件。所以问题是：什么JavaScript可以被添加，以获得点击select框时logging的事件？（我在这里问了一个类似的，但不同的问题： iOS上的JavaScript：打开HTMLselect元素）

：最后一个孩子没有按预期工作？: 问题在于这个CSS和HTML。这里是一个链接到示例代码jsFiddle 。 HTML <ul> <li class"complete">1</li> <li class"complete">2</li> <li>3</li> <li>4</li> </ul> CSS li.complete:last-child { background-color:yellow; } li.complete:last-of-type { background-color:yellow; } 这些CSS的行不应该用“完整”类的最后一个元素？ jQuery中的这个查询并没有把它作为目标： $("li.complete:last-child"); 但是这个呢： $("li.complete").last(); li { background-color: green; } li.complete:first-child { background-color: white; } li.complete:first-of-type { background-color: red; } li.complete:last-of-type { background-color: blue; } li.complete:last-child { background-color: yellow; } <ul> <li class="complete">1</li> […]