Tag: html5

HTML5的Safari iOS只访问相机没有照片库: <input type="file" capture="camera" accept="image/*">允许移动浏览器拍照。在Android本地浏览器和Chrome上，点击inputbutton即可启动相机。在iOS Safari上，button会启动一个提示“拍照”或从“照片库”中select。我该如何立即启动本机？

Mobile Safari和HTML5 iOSnetworking应用程序支持哪些audio文件types（例如，mp3，ogg）？: 在移动Safari上播放audio文件有许多SO问题，但在SO和Google上search并不能获得Mobile Safari支持的全面的audio文件列表。任何人都知道当前支持的audio文件列表是什么？我们正在为iPhone构build一个Web应用程序。谢谢！

修复iOS Safari的“deviceorientation”事件不规范？: 我一直在使用'deviceorientation'作为我的项目，当在iPhone / iPad上testing时，它在横向模式下performance正常，但在纵向模式下有不规则性。以下是重复的步骤：以纵向模式在iPad / iPhone上打开此JSFiddle – 移动设备，就好像你正在通过摄像机看，看着你的脚，看着地平线，仰望天空 event.beta将从0 – > +/- 90 – > 0 注意event.gamma在设备到达地平线的时候跳跃，当event.beta = 90时问题1：如何调整这种行为？问题2：从这个方向，从地面到天空，是否有任何方法可以获得确定的值（例如0-180）？ HTML e.alpha : e.beta : e.gamma : JS function deviceOrientationHandler(e){ var a = document.getElementById('alpha'); var b = document.getElementById('beta'); var g = document.getElementById('gamma'); a.innerText = e.alpha; b.innerText […]

如何在Iphone Phonegap中播放embedded式video: 我正在使用Phonegap创build一个应用程序，并且必须有内联video。当我把内联video的代码，它在ipad上工作很好，但它不适用于iPhone。在iPhone上，它只是自动全屏。我已经尝试在config.xml文件中放置一个首选项窗格，但它仍然不起作用。代码如下： config.xml中 <preference name="AllowInlineMediaPlayback" value="true" /> 的index.html <video width="95%" style="display: block; margin: auto; margin-top: 10%;border: 1px inset #bbbbbb;" autoplay="" id="video" webkit-playsinline> <source src="used_files/lesson2_1.mp4" type="video/mp4" id="video"> Your browser does not support the video tag. </video>

使用HTML5 / javascript更正audio音量输出分贝，closures预处理: 我们观察到，使用基于JavaScript的浏览器audio，输出电平在许多系统上与input信号电平不成正比的线性关系。例如，如果“演奏”幅度变化20dB的两个正弦波，那么由不同设备/设置所产生的差异可能明显不同于20dB，例如远远低于10dB。我们需要输出简单的audio信号（例如正弦波），以相对于彼此的校准分贝电平，例如在一个音量处放出一个正弦波，然后放出另一个比第一个低20dB的正弦波，他们实际上是这样出来的。我们希望通过使用HTML5 / javascript的浏览器来实现。我们已经尝试了几种方法来实现这一点，例如使用预先创build的校准.mp3文件，直接使用Web Audio API生成具有校准的dB级别的振荡器。我们已经（对我们）非常惊讶，基本上不正确的结果。当我们使用一个校准过的麦克风测量了设备发出的声音时，发现了各种奇怪的事情，表明audio不是以线性方式“播放”，而是在其上进行复杂的预处理在它实际获得输出之前。这似乎取决于目前我们无法控制的各种variables。它不能像“普通”audio放大器那样工作，也就是说，无论绝对电平如何设定，20dB的大声input都会产生20dB的大声输出。我们发现，使用相同的JavaScript代码会产生非常不同的结果，具体取决于各种variables，包括硬件（例如，Mac和iPhone上的浏览），所选的音量设置（即使相对值为20dB，相差20dB当音量在1/2）时，如果使用耳机等。在进一步的testing中，似乎主要的问题与使用外部扬声器有关。使用耳机时，效果会更好。基本的问题是，如果你创build两个不同的信号，如已知的音量差异，例如20dB，并将它们以几种方式中的任何一种，那么测得的差异通常不会是20dB，在某些情况下可能不如10dB。有没有办法以编程方式做到这一点？有没有办法来覆盖任何预处理或音量压缩似乎是调整音量（导致输出不正确的input成正比）？我们需要一种方法来实现跨平台（桌面，iOS，Android，不同的浏览器，不同的耳机/扬声器），因此使用HTML5。如果使用HTML5无法做到这一点，我们如何使用本机iOS / Android代码来做到这一点？这似乎是一个比软件问题更硬件，但也许有办法来覆盖它。谢谢

在iOS上debugging独立Web应用程序的控制台: 在iPad上testing我的Web应用程序时，我可以启用Safari Mobile的debugging控制台，并愉快地阅读我的日志logging输出。我无法find一种方法来做一个独立的应用程序，这意味着Web应用程序“添加到主屏幕”和window.navigator.standalone标志说真，但没有“debugging控制台”横幅像Safari Mobile里面的顶部。我有一个只在独立模式下发生的错误，几乎准备好将一个debugging控制台添加到我的Web应用程序，或者更糟糕的是，转到可怕的警报debugging方法。那么，那么，任何awSOme的想法？

PhoneGap iOS无法使用HTML 5播放video: 我正在构buildphonegap应用程序，我需要在其中播放video。我知道为了在Android上播放video，我需要使用可用的插件之一，但在iOS上播放video，我可以使用HTML 5video标签。我有这些代码行： <div id="video"> <video id="video01" width="300" height="300" controls> <source src="images/test2.mp4" type="video/mp4" /> </video> </div> 我可以看到“video盒”，但由于某种原因我无法播放video。在控制台中，我没有看到任何错误。我使用的video来自于此页面： http : //www.quirksmode.org/html5/tests/video.html 而在iPhone Safari中，我可以从该页面加载MP4版本没有任何问题。

使用数据uri的audio在移动版Chrome中显示错误: iOS中的Mobile Chrome（v45.2454.68）在使用数据uri呈现audio元素时显示错误。它适用于桌面版Chrome，Safari和Firefox，也适用于移动版Safari。有没有办法解决它？

在Web应用程序中的iOS背景audio: 我正在编写一个使用HTML5audio的networking应用程序。我想确保用户可以移动到不同的应用程序，同时仍然在后台监听audio。这在Web应用程序仍在Safari本身内的情况下工作。但是，当用户将Web应用程序添加到主屏幕并且已设置为允许全屏访问（无Safari工具栏）时，当他们离开应用程序时，audio不会继续播放。有谁知道任何方式有一个Web应用程序在后台进行？谢谢。