Articles of html5

HTML5和WebGL上的增强现实(AR)

我有一个即将发布的Web应用程序,我将从Web源创建一个混合应用程序,我想将ARfunction添加到移动应用程序,我看到在线结合HTML5video元素和WebGL技术的实例,但是令我感到好奇的是,并非Android和iOS中的所有移动操作系统版本都支持基于HTML的增强现实。 是否可以将HTML移动应用程序链接到本机资源以获得更多支持的ARfunction? 给我一些可用技术的名称,我将跟随并搜索,直到我让它运作。 先谢谢你。

Android平台上的QWebView HTML5 GeoLocation

尝试使用Necessitas的QWebView端口查看HTML5网页中的GPS坐标。 但是它始终以不支持的方式响应。 function load( ) { if ( navigator.geolocation ) { alert( “Supported.” ); } else { alert( “Not Supported!” ); } } 我已经改变了QWebPage以允许权限: BrowserWebPage::BrowserWebPage( QObject* parent ) : QWebPage( parent ) { connect( this, SIGNAL( featurePermissionRequested( QWebFrame*, QWebPage::Feature ) ), SLOT( permissionRequested( QWebFrame*, QWebPage::Feature ) ) ); } void BrowserWebPage::permissionRequested( QWebFrame* frame, QWebPage::Feature feature […]

Android可以缓存具有缓存清单的HTML5video吗?

我有一个示例,它在Chrome上缓存并在离线时显示video。 当我尝试使用Android 3.2和4.x平板电脑的这个例子时,video只能在线播放,但不能离线 – 尽管其他元素如HTML文件和背景都在线下。 Hello Video! body{ background: url(‘background.jpg’);} 缓存清单example.appcache看起来像: CACHE MANIFEST index.html railer.mp4 background.jpg NETWORK: * 有没有人设法通过缓存清单为Android浏览器设置离线video缓存?

html5video标签中的Mp4video无法在移动Chrome和移动游戏中播放

我有这个代码在html5页面播放video: 问题是它不适用于移动Chrome(Android手机)和移动游戏(iPhone)。 但它适用于桌面上的“每个”浏览器(使用Safari,Chrome,Firefox测试)以及移动版Firefox(Android手机)。 我该如何克服这个问题? 编辑:添加此代码: var myVideo = document.getElementById(“bgvid”); function playVid() { myVideo.play(); } function pauseVid() { myVideo.pause(); } 如果我添加一个触发函数playVid()的按钮就可以了。 所以我认为问题在于自动播放。 我试图用load事件触发函数,但它不起作用。

制作跨平台应用的最佳方式?

我的问题是:制作跨平台应用/游戏的最佳/最简单方法是什么? iOS和Android – 如果可能的话还有Windows Phone。 我读过很多不同的方法。 HTML5和JavaScript – 然后只是特定平台的整体实现。 我已经阅读了一些“转换工具” – 英特尔Porter Tool。 而像PhoneGap,英特尔XDK,Appcelerator和Mosync等名字正在出现。 所以我只是困惑..你更喜欢什么? 我在iOS编程方面并不是全新的,但也没有那么多经验。 我做了一些应用程序和游戏。 另外,我对HTML和CSS有一点经验。 但我从未使用过HTML5和JavaScript。 我也知道原生平台特定的应用程序比混合应用程序更好。 但毕竟这些我很乐意听到你的意见:你喜欢与否? 🙂

渲染canvas元素时,某些Android设备速度极慢

我开发了一个Android设备的应用程序,并发现特别是三星galaxy S4,当app / web页面使用canvas时,性能极差。 奇怪的是,情况并非总是如此。 我测试了2个示例应用程序。 http://ie.microsoft.com/testdrive/Performance/FishIETank/Default.html 和 http://ie.microsoft.com/testdrive/Graphics/TouchEffects/Default.html 第一个工作正常,并且优于我的诺基亚(这是双核)并且是预期的。 然而,另一个演示几乎完全没有响应,帧速率接近1,其他所有设备都可以正常运行。 由于第一个应用程序运行良好而另一个应用程序不运行,因此它提出了问题,为什么? 第一个没有事件监听器,而另一个没有事件监听器。 可能touchmove是原因而不是canvas……或者是使用一些canvasfunction的演示,而另一个不是,因此性能很差。 我已经阅读了很多关于这个问题的主题,似乎没有人回答。 大多数都是几个月……所以我认为生病是一个新话题。 有没有办法解决三星S4上的canvas问题…以及可能运行4.2.x的其他Android设备。 如果此处的任何StackOverflow用户都有S4,您可以测试这两个演示并确认我的观察结果吗?

navigator.geolocation.getCurrentPosition总是在Android中超时,直到GPS /位置关闭

app.controller(‘dashboard’, function($scope){ $scope.getPosition = function(position){ $scope.acc = position.coords; $scope.lat = position.coords.latitude; $scope.lng = position.coords.longitude; $scope.$apply(); }; $scope.getPositionErr = function(error){ alert(‘code: ‘ + error.code + ‘\n’ + ‘message: ‘ + error.message + ‘\n’); }; navigator.geolocation.getCurrentPosition($scope.getPosition, $scope.getPositionErr, {maximumAge: 0, timeout: 6000, enableHighAccuracy:false}); }); 我正在使用Angular JS和Cordova作为Android应用程序。 此代码在桌面上运行正常,但在Nexus 4和Lollipop上运行不正常。 根据Cordova的要求,控制器代码也在设备准备之后执行 我努力了 将HighAccuracy设置为false 删除地理位置插件,以便它使用Wifi的默认位置 设备重启 清除浏览器缓存 飞机模式开/关 无线开/关 移动数据开/关 但是我无法获得lat,长期和地理定位总是会超时。 […]

有没有办法将消息从Android浏览器传递到应用程序?

我有一种情况,我希望将一些数据从移动网站传递到原生Android应用程序。 一个复杂的问题是,在正常情况下,加载移动网站时可能不会安装原生Android应用程序。 这是一个例子: 我是ExampleApp的用户,我想与您分享来自ExampleApp的特定数据,而您从未安装过ExampleApp。 我发送了一封电子邮件,其中包含指向移动网页的链接,该网页知道您打开链接时要查看的数据。 但是,由于数据仅在本机应用程序中可用,而不是移动网络,因此您将进入一个页面,要求您转到Android Market并安装ExampleApp。 您安装了ExampleApp,理想情况下,您将直接访问我与您共享的数据。 最大的问题是查看移动网页和安装ExampleApp之间的脱节。 我已经考虑了几个解决方案,但都没有成功(也就是说,我可能只是错误地实现它们): 在我们的域上设置一个cookie,其中包括加载移动网页时的数据。 然后,当打开ExampleApp时,启动WebView以请求同一域上的页面并检查cookie的值。 使用它来确定要在ExampleApp中显示哪些数据。 使用JavaScript localStorage存储对该数据的引用,并使用WebView获取该域上的页面,并从ExampleApp中请求localStorage的内容。 在这两种情况下,似乎WebView和浏览器都是相互远离的沙箱,因此您无法获得两者之间的cookies / localStorage。 有没有其他方法可以“留下crumbtrail”或设置一条消息,以后安装的应用程序可以从浏览器访问? 编辑:鉴于一些回复,我应该提到我只希望你点击链接一次,不必点击一次,安装应用程序,然后再次点击打开应用程序到正确的地方。

存储video以便在PhoneGap / Chrome应用中离线使用

我有简单的video播放应用程序,这些应用程序都是由PhoneGap和Chrome Apps CLI设置的(两者都使用Cordova),它们包含一些简短的教育video,并且需要作为Android / iOS上的网站和应用程序进行离线使用。 到目前为止,我发现Chrome Apps捆绑文件的总大小不能超过10mb,PhoneGap Build不能超过40mb – 因此两者都需要在本地下载和存储文件以供日后使用。 video需要在WebView浏览器中打开和播放 – 热点触发JS更改HTML5videosrc。 (AppCache和其他HTML5存储不再是移动设备的问题,它们似乎永远无法达到三位数存储空间) 有没有人幸运使用某种可以在本地存储文件的Cordova / PhoneGap / Chrome App API来实现此规范? 任何建议/帮助/指向正确的方向赞赏!

使用HTML5进行移动开发的资源和框架(iphone,android)

我正在寻找资源来主要为iphone开发HTML5应用程序。 他们可以使用他们的框架和工具开始吗? 我在寻找: 有助于UI布局的Javascript框架 基于触控的手机控制 关于iphone开发,最佳实践等的文章 我搜索了stackoverflow并且无法提供一个很好的资源列表。 我正在寻找像这样的例子http://jqtouch.com/