Tag: html5

html5 + js：<input type = file capture = camera>的分辨率或大小

如何通过<input type=file capture=camera>从手机上传的照片的最大分辨率或最大尺寸？

iOS HTML5 Canvas toDataURL

我需要一些帮助。 我们似乎有问题与iOS通过HTML 5 / Canvas获取图像的base64。 如果我们使用canvas的默认高度/宽度或硬编码高度和宽度，一切正常。 但是，如果我们将canvas高度/宽度设置为图像的src，那么图像将不会加载到canvas中，因此我们不会将图像作为base64。 其中的代码片段： function convertImageToBase64(imgUrl, callback) { var canvas = document.createElement("canvas"); var context = canvas.getContext('2d'); // load image from data url var imageObj= new Image(); imageObj.onload = function () { var dataUrl; context.drawImage(imageObj, 0, 0, canvas.width, canvas.height); dataUrl = canvas.toDataURL("image/png"); callback.call(this, dataUrl); canvas = null; }; imageObj.src = imgUrl; } […]

iPad不能用HTML5渲染H.264video

我有一些H.264编码的video在网页浏览器中正确呈现HTML5，但不能在iPad上正确呈现。 当我使用我下载的互联网下载的H.264video时，我的video在iPad上正确呈现，所以这不是HTML问题。 这里是关于我的video的ffmpeg信息 – 我的原始.movvideo： 似乎stream1编解码器帧速率与容器帧速率不同：6000.00（6000/1） – > 30.00（30/1） 来自'a_video.mp4'的input＃0，mov，mp4，m4a，3gp，3g2，mj2： 元数据： major_brand : qt minor_version : 537199360 compatible_brands: qt 持续时间：00：00：42.74，开始：0.000000，比特率：220 kb / s Stream #0.0(eng): Audio: aac, 44100 Hz, stereo, s16, 94 kb/s Stream #0.1(eng): Video: h264, yuv420p, 762×464, 122 kb/s, 30 fps, 30 tbr, 3k tbn, 6k tbc 使用Handbrake将我的.mov转换为mp4后，却不会在iPad上呈现： 似乎stream0编解码器帧速率不同于容器帧速率：180000.00（180000/1） – > 29.97（30000/1001） 来自'a_video.m4v'的input＃0，mov，mp4，m4a，3gp，3g2，mj2： […]

添加iOS语音识别支持的Web应用程序？

目前，HTML5networking语音API在除了移动iOS之外的所有设备的谷歌浏览器上效果很好。 文字到语音的作品，但不支持语音到文字。 webkitSpeechRecognition不受支持。 请参阅： Chrome iOS Webkit语音识别 我无法find解决方法。 我想添加语音识别支持iOS到我目前使用语音识别和语音合成的networking应用程序。 有什么build议么？ 谢谢。

在离线networking应用程序加载时，内容会消失一秒钟

我已经在iOS 4.3到5.0上观察到了这一点。 当你创build一个简单的离线web应用程序（意味着一个HTML文件+less量资产，如CSS和JS（全部出现在caching清单中）），它离线工作（我在飞行模式下testing） – 但是 ，当你添加这样一个应用程序到您的主屏幕，并在全屏模式下打开它，它首先显示初始内容， 然后一切消失 （页面变成白色）半秒钟或更长时间，然后内容再次出现。 您可以在iOS主屏幕上添加一个知名且有用的离线networking应用程序Glyphboard ，并启动它几次。 每次加载时都会看到白色的闪光效果。 这是一个很大的问题，因为它放弃了应用程序的非本地性，给人的印象是应用程序没有针对性能和错误进行优化。 我试过find关于这方面的报告，但我能find的是有关iOS 4.3 JavaScript渲染引擎惨败的谣言和误解，根本不需要这个问题。 但是在iOS版本3中，我特别记得没有看到白色闪光灯。

h.264video不会在iOS上播放

我有一个video文件编码与h.264不会在iOS上玩，我想知道为什么。 这是HTML： <video style="width: 480px; height: 360px;" autoplay controls> <source src="sample.mp4"> </video> 这个video在桌面浏览器中可以正常播放，但是在iOS设备上，我看到一个不可点击的播放图标。 我读过，这意味着video的编码有问题，但我不确定是什么问题。 我通过MediaInfo运行video： General Format : MPEG-4 Format profile : Base Media Codec ID : isom File size : 706 KiB Duration : 15s 256ms Overall bit rate mode : Variable Overall bit rate : 379 Kbps Video ID : 1 Format : […]

iOS平台上的HTML5canvas缩放问题

我一直在开发一个phonegap项目，试图构buildAndroid和iOS。 主要思路是访问手机库中保存的图片，将该图片保存到HTML img元素，然后将该img元素绘制到canvas上。 从那里，用户可以缩放和旋转图像。 我在Android上没有任何问题。 我已经使用仿真器和设备进行了testing，并且testing了大量的设备（不同的像素比例，密度等），结果的canvas转换总是给出预期的结果。 另一方面，iOS版本并没有那么成功。 缩放/旋转canvas看起来很好，直到我缩放canvas比原来的尺寸稍大（比原来大约4-5个像素）。 将canvas向上缩放后，canvas上绘制的图像会发生变化。 现在不用看现在看到的整个图像，我通常会在整个canvas上画出一小部分图像（通常是左上angular）。 我的canvas在HTML： <canvas id="sourceImgCanvas" width="200" height="200" style="z-index:1; position:absolute; left:5%; top:100px;"></canvas> 我从手机库收到的图像几乎总是太大，不适合手机屏幕。 我缩小图像并logging我缩小图像的比率（如果没有缩放发生，绘制比例为1，如果图像缩小到适合屏幕，则比例大于1）。 PhoneGap处理抓取手机库中的图片，我只是使用从照片返回的imageURI并将其设置为一个img元素Phonegap Camera API ： // Called when a photo is successfully retrieved function onPhotoURISuccess(imageURI) { sourceImage = document.getElementById('sourceImg'); sourceImage.src = imageURI; //signal that user can manipulate photo with touch inputs b_editPhotoAllowed = true; } […]

iOS5 + jquery-mobile转换闪烁

我试图删除在iOS 5上运行时对jqmobile转换的恼人的闪烁效果。我尝试了其他职位的几个方法，如-webkit-backface，做了一些其他的工作，但没有达到完整的解决scheme。 我观察到flickr发生在转换之前，由于导航栏从顶部移动一个像素（也许是2）而重新定位页面。 问题从初始化开始，或者在页面被重新渲染之后的设备旋转之后，我们得到了两个可能的工作结果， 在每次转换时无闪烁和预期工作。 每一个转折出现的描述都会闪烁。 问题当然是，当新页面呈现时，你会随机得到1或2个。 谢谢。

PhoneGap中的HTML5 SQLite与本地数据库

我正在为Android和iOS构buildPhoneGap应用程序。 我想知道哪一个更适合数据库pipe理：HTML5的SQLite或设备的本地数据库。 在本地使用的情况下，我需要build立一个交互插件。 请根据性能和速度给我一个更好的select。

断电后，iOS5上的HTML5 LocalStorage不会持久存在

我正在开发iPad（3G）的Web应用程序，需要离线数据库存储。 起初我尝试使用HTML5的LocalStorage API。 testing时，我了解到如果离开页面并closures设备（包括iPad和iPhone），稍后重新打开页面时，我的数据无法通过LocalStorage访问（数据库似乎缺失）。 我在iOS设备的http://diveintohtml5.ep.io/examples/localstorage-halma.html上看到这种行为，但Android设备（Droid X和Galaxy）以及运行WinXP + Safari的PC在重新启动时保留了我的数据。 我在使用Webkit自己的“客户端数据库存储”的iOS设备上获得适当的行为，就像在这里可以看到的一样： http : //blog.darkcrimson.com/2010/05/local-databases/ 。 有没有人用LocalStorage看过这个问题？ 有谁知道为什么数据库不会在iOS设备上维护？ 有没有人有办法解决吗？