Articles of html5

Android上的HTML5 <audio>标记

我发现了很多讨论Android上标签支持的主题。 到目前为止,看起来,即使Android的Froyo 2.2不能播放audio(我已经testing了NEXUS One)。 根据www.html5test.com网页,该标签本身是支持的,但浏览器中没有编解码器(mp3,ogg ..)。 那我怎么能解决这个问题? 到目前为止,我只看到一个解决scheme,使用embedded式的Flex或Flash播放器,它可以streamMP3。 那是对的吗? 这是我可以在Android Web浏览器中播放.mp3或其他audiostream的唯一方法吗? Android 2.3姜饼是否支持一些audiostream? 非常感谢BR STNN 稍后添加 :我最终使用的工作解决scheme是一个用于stream式传输的小型Flex .swf。 它可以很容易地与HTML网页集成(Flex-Javascript通信工作得很好)。 唯一的问题是,在某些手机上,Flash Player不会重新安装,必须先从Android Market下载。 甚至在后来添加 :即使在Android 2.3上, <audio>元素也是有问题的 – 我不知道Google在做什么,这么简单的事情是一个问题。 使用Flex Player是okey,但问题在于,在某些手机上,Adobe Flash播放器无法从Android市场安装,因为有一些Adobe硬件要求,如1Ghz CPU等。有些厂商如HTC正在提供自己的Flash播放器,但是这些都非常糟糕,不能正常使用AS 3.0 …到目前为止,一切工作完美,特别是在三星手机(如Nexus S或银河S)。

我怎样才能创buildHTML页面,自动调整他们的图像到不同的手机屏幕尺寸?

我想创build一些HTML页面,这些页面将显示在不同的移动设备上。 我希望他们能够自动调整到不同的手机屏幕尺寸。 HTML页面包括文本和图像。 图像可能大于600×450,但如果手机屏幕是(例如)280×320,那么图像应自动调整其大小以适应。 我怎样才能做到这一点?

PhoneGap – 键盘使屏幕变黑和闪烁一段时间三星Galaxy Tab 10.1

我正在使用PhoneGap使用HTML5和CSS3开发移动应用程序。 我的问题是,只要我触摸运行在三星Galaxy Tab 10.1(Android v3.1)上的网页上的文本框,它显示键盘,但页面黑色的几分之一秒。 有时,它会闪烁一段时间显示黑色背景,然后恢复自己。 我什至用一个单一的input type="text"简单的页面尝试,甚至发生相同的。 任何人都面临类似的问题,并已经得到了解决? 任何帮助深表感谢。 谢谢。 更新1: 正如我上面所说,黑色闪烁甚至发生在包含一个简单的页面和一个文本框的应用程序。 以下是代码: <!DOCTYPE html> <html> <head> <title> Flickering Problem </title> <style> html, body{ -webkit-backface-visibility: hidden; overflow: hidden; -webkit-transform: translate3d(0,0,0); } </style> </head> <body> <input type="text" width="200px" height="100px" /> </body> </html> 我在我的Android平板电脑上testing了这个,闪烁的是一个完整的网页。 我尝试在SO上添加一些CSS属性,用于解决类似的问题,但确实有帮助。 值得注意的是,当我们尝试在文本框中input任何文本时,黑色闪烁就会发生,而我目前没有使用CSS3进行任何animation/转换。

在原生移动应用程序中可以实现的function不能在HTML5networking应用程序中完成?

最近我和很多人说过,他们希望停止编写本地移动应用程序,并且一旦HTML5在移动操作系统中得到更充分的烘托,就开始编写Web应用程序。 我刚刚完成了我的第一个HTML5深度潜水,而且我还没有确信。 HTML5将作为本地应用程序的替代开发平台吗?还是有某些东西需要定位本机运行时?

如何检测Android与iPhone的JavaScript的长时间的触摸压力?

如何检测Android与iPhone的JavaScript的长时间的触摸压力? 原生的JavaScript或jQuery的… 我想要的东西听起来像: <input type='button' onLongTouch='myFunc();' />

为什么Android的原生HTML5dateselect器上的Chrome变得非常慢?

我有一个dateselect器在我的网站上,只是使用默认的html5dateselect器。 我注意到,直到几个星期前,它工作得很好,但自Chrome Android最近的更新,他们已经推出了一个新的dateselect器,这个dateselect器是真的很慢,没有响应。 加载需要几秒钟,我发现真的很难select任何date。 我有一个演示网站说明它( http://datapickerandroid.meteor.com/ )。 我已经在Nexus 7 2013上进行了testing,Android上的HTC one M8和Chrome都有这个问题。 我也用dolphin和firefoxtesting过,也在桌面浏览器上testing过,它们看起来不错,所以看起来这是Chrome上的dateselect器的问题。 我想知道发生了什么事? Chrome Android中是否存在错误? 这只是为了我的设备吗? 我是否以错误的方式宣布我的dateselect器? 是否可以指定浏览器我想使用旧的dateselect器? 我也使用meteor(虽然在演示中,我删除了所有非默认软件包),这是否可以做到这一点?

检测客户端是否允许对HTML5video进行内嵌媒体播放

有没有一种好的方法来检测客户端浏览器是否允许HTML5video的内嵌媒体播放? 更新 我不是简单地检测video支持。 我试图检测一个video只能播放全屏或内嵌。 因为在iPhone Safari上,iOSvideo只能全屏播放,而iPad上的video可能是内嵌播放的。 而内嵌的意思是在页面中不切换到全屏。

Androidembedded式HTML5video

我有我的文件系统中embedded的HTML文件,它工作正常,如果我拖nñ文件 资产/ index.html的 我已经从这里testing了HTML5video播放。 工作正常。 现在,如果我想用HTML5video[在浏览器上工作]作为embedded式文件显示embedded式页面,只需更改HTML5 android webView播放器的示例代码,然后拖放此项目的index.html资源,不起作用,应用程序崩溃与此错误: 对不起,该应用*意外停止… 所以我只是改变 mWebView.loadUrl("http://freebsd.csie.nctu.edu.tw/~freedom/html5/"); 至 mWebView.loadUrl("file:///android_asset/index.html"); 它不起作用。 我错过了什么,embeddedHTML5video的基本示例?

在Android浏览器中播放html5audio

我有一个JavaScript,在浏览器中播放audio,使用html5 <audio>标签。 它在iPhone浏览器中正常工作,但不在Android中。 (用android 2.1testing使用htc欲望。)任何人都知道为什么? 我的代码: function playHTML5(sound, soundcv){ // sound = url to m4a audio file // soundcv = div in which the audioplayer should go var audio = document.createElement('audio'); audio.src = sound; audio.controls = "controls"; if (currentSound != null){ soundcv.replaceChild(audio,currentSound); } else { soundcv.appendChild(audio); } currentSound = audio; } 顺便说一句,我也试图扩大在iPhone显示的audiobutton(默认的是很小),没有运气,迄今为止 – 将感激任何想法!

在android的蜂窝webview / webkit中实现水平/垂直手指滑动滚动?

我打算实施基于WebView的Honeycomb平板电脑应用程序(所以,基本上这将是一个仅针对平板电脑的 基于HTML5的基于Web的应用程序 )。 我正在寻找实施水平和垂直滚动手指滑动。 为了更好地理解,我创build了示例大纲 此图像显示类似于Honeycomb的本机设置活动,左右页面可垂直滚动 任何types的指南或资源是受欢迎的。 谢谢