Tag: html5
Http Live Streaming for iPhone以及为什么我们使用.m3u8文件
我已经做了所有这一切，我也做了.ts和m3u8文件。 在本地服务器和现场服务器，我可以播放MP4文件 <video width="320" height="240" controls="controls" autoplay="autoplay"> <source src="movie.mp4" type="video/mp4" /> </object> </video> 但我有问题，播放.m3u8文件 <video width="320" height="240" controls="controls" autoplay="autoplay"> <source src="movie.m3u8" type="video/m3u8" /> </object> </video> 我的mediafilesegmenter创build了两个.ts文件和一个.m3u8。 我的m3u8文件是 #EXTM3U #EXT-X-TARGETDURATION:10 #EXT-X-VERSION:4 #EXT-X-MEDIA-SEQUENCE:0 #EXT-X-PLAYLIST-TYPE:VOD #EXT-XI-FRAMES-ONLY #EXTINF:1.0117, #EXT-X-BYTERANGE:8084@376 fileSequence0.ts #EXTINF:1.0117, #EXT-X-BYTERANGE:7332@36096 and so on…. 那么在mime.types中是否有任何问题，因为我在mime.types中写了所有的混淆， application/x-mpegURL m3u8 video/MP2T ts AddType appliction/x-mpegURL m3u8 AddType video/MP2T ts #application/x-mpegURL m3u8 #video/MP2T […]
在IOS中触发触摸时，HTML5 Web SQL事务将跳过而不会发生错误
我遇到在IOS设备上进行数据库事务的问题。 如果用户没有触摸手机，一切工作如预期。 如果用户点击/滚动/触摸屏幕，一些事务直接调用它们的successCallback，而不用调用实际的事务callback。 简化的例子在这里： http : //jsfiddle.net/Tk9rv/ 要testing，只需打开http://jsfiddle.net/Tk9rv/embedded/result/在IOS上的移动Safari浏览器，加载时不要触摸设备。 您将看到正在生成的debugging消息列表，如下所示： database is running table will be cleared store method called for '10'. about to insert '10'. transaction successful for '10' store method called for '9'. about to insert '9'. transaction successful for '9' store method called for '8'. about to insert '8'. transaction successful for '8' […]
确定照片在JavaScript中的方向？
我们使用FileReader从iPhone上拍摄的照片中获取图像到浏览器中。 然后，我们使用drawImage()将该图像绘制到canvas 。 问题是在iPhone上显示的照片在页面上旋转。 我们无法在任何Android设备上重现此操作。 我们可以很容易地旋转canvas上的图像，但我们如何确定所需的旋转？ 我们尝试了一些用于JavaScript的EXIF阅读库（ exif.js ），但无法成功读取方向。
我可以使用JavaScript来获取iOS和Android的指南针标题吗？
我能否以跨平台的方式使用JavaScript来获取iOS和Android（使用Chrome）的指南针标题，而不使用PhoneGap之类的东西？ 我知道iOS有DeviceOrientationEvent ，但我无法在Android版Chrome上find任何对等设备。
WebKit Audio在电力循环后首次在iOS 6（iPhone 5）上失真
在iOS 6下，我一直在使用HTML5中的webkitAudioContext处理一个难以捉摸的audio失真问题。在其他情况下，可能会发生这种情况，但唯一可以获得100％repro的方法是在设备重新上电后首次访问我的页面。 看起来如果你在访问这个网页之前访问了任何有audiofunction的网页，问题就不会发生。 失真只发生在webkitAudioContext.decodeAudioData（）产生的audio，然后通过webkitAudioContext.createBufferSource（）播放。 webkitAudioContext.createMediaElementSource（）的audio播放不会变形。 我是否缺less一些初始化步骤？ 下面是我作为bug报告提交给苹果公司的完整代码和HTML（但没有收到回复）： <!DOCTYPE html> <html> <head> <script type="text/javascript"> var buffer = null; var context = null; var voice = null; function load_music(file) { context = new webkitAudioContext(); voice = context.createBufferSource(); var request = new XMLHttpRequest(); request.onload = function() { context.decodeAudioData(request.response, function(result) { buffer = result; document.getElementById("start").value = "Start"; }); }; […]
iOS：苹果是否禁用保存到主屏幕的网页应用的HTML5离线function？
我一直在做很多工作，让一些networking应用程序在iOS上使用HTML5清单离线工作。 我遇到了其他人遇到的典型问题，并解决了这些问题，一切似乎都正常工作 – 除了在我的iPhone 4上将networking应用程序保存到桌面的情况。 如果我这样做，然后启用飞行模式，当试图通过主屏幕访问应用程序时，我会得到以下警告：“您的应用程序名称无法打开，因为它没有连接到互联网。 通过Safari浏览器访问应用程序在离线状态下正常工作。 如果有人知道这是否是我的错误，甚至是一个工作的可能性很小，请告诉我。 即使下载新的“金融时报”networking应用程序（很好地完成了对localStorage的广泛支持），在从主屏幕离线访问时也会导致错误。 技术规格：使用iOS 4.3.3运行iPhone 4（但也见4.3.2中的问题）
iOS设备上的Dailymotionembedded式播放器（HTML5）
我有一个使用Player API的Dailymotionembedded式播放器（ http://www.dailymotion.com/doc/api/player.html ）。 它适用于桌面和Android平板电脑。 但在iOS设备上，video只是无法启动。 我的代码如下： <!– This <div> tag will be replaced the <iframe> video player –> <div id="player"></div> <script> // This code loads the Dailymotion Javascript SDK asynchronously. (function() { var e = document.createElement('script'); e.async = true; e.src = document.location.protocol + '//api.dmcdn.net/all.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(e, s); }()); // This function […]
如何在iOS上自动播放HTML5 <video>和<audio>标签？
我和我的团队正在绑定一个Web应用程序在iPad上自动播放HTML5video/audio标签。 到目前为止，没有运气，许多尝试与CSS和JavaScript 。 问题是：有什么其他的select，使其自动播放？ 我正在考虑与iOS API调用集成的浏览器的本机应用程序模拟触摸/点击 ，从而使video/audio标签自动播放。 是否有可能，如果是，如何以及与哪个iOS版本？ 谢谢
iOS Safariclosures时停止HTML5audio循环播放
好的，所以我有这样简单的事情： <audio autoplay='autoplay' loop='loop' id='audio' controls> <source src='http://www.w3schools.com/html/horse.ogg'/> <source src='http://www.w3schools.com/html/horse.mp3'/> </audio> 现在，当我在iOS设备上播放audio时，它会很好地循环播放， 但是 ，当我closures浏览器窗口或切换标签时，它会一直循环播放，暂停播放的唯一方法是closures浏览器标签。 我尝试删除loop='loop'并重播它用JavaScript的话， 这工作，但与audio约1.5分钟长，它仍然可以很烦人。 但是这并不起作用，因为即使浏览器未打开， ended事件也会触发。 演示中，声音是我可以在网上find的第一个，但请注意，我的实际声音很长，所以当浏览器窗口closures时，我确实需要pause 。 我已经尝试暂停onblur ， onunload和onbeforeunload无济于事。 有没有办法阻止audio在后台播放？
适用于iPhone / iPad的HTML5video。 如何检测连接速度？
我需要以最佳质量在Safari浏览器中传输video。 我创build了两个video文件：一个是低速的3G速度，一个是高质量的WiFi宽带stream。 我注意到一些应用程序（例如YouTube）能够检测到移动设备是通过3G还是WiFi运行，所以select一个小尺寸的video而不是高质量的video。 现在，这是我的DOM / Javascript代码， $ v值被replace为PHP，并包含video文件名： <video id="thevideo" src="streaming/video_<?=$v ?>.m4v" width="600" height="360" width="640" height="360" preload="preload" controls="controls" autoplay="autoplay"> flowplayer/video<?=$v ?>.m4v </video> <script type="text/javascript"> var myvideo = document.getElementById("thevideo"); myvideo.load(); myvideo.play(); </script> 我可以用Javascript / Webkit写一些能够检测连接模式的东西吗？ 谢谢大家。
