Tag: html5

HTML5video音量

我目前正在研究HTML5video播放器,除iPad之外,我已经在其他任何地方都能正常工作。 基本上,我可以控制一切,除了声音,我有一个mutebutton,它在Mac OS上的谷歌浏览器,Firefox 3.6和Safari,但在iPad上,无论我放在video.volume中有什么价值,都没有问题。改变发生。 有没有人得到它正常工作? 这是我的HTML代码: <video src="video_url" width="608" height="476" autobuffer="autobuffer" id="html5-player" preload> Your browser doesn't support HTML5. </video 而这里的Javascript: var muted = false; $j('.player-mute').click(function(){ if(muted) { videoPlayer.volume = 1; muted = false; } else { videoPlayer.volume = 0; muted = true; } });

无法使HTML5audio标签在移动浏览器上正常工作

我有一个使用HTML5 <audio>标记的web应用程序,出于某种原因,它在Windows和Mac电脑上运行良好,但在iOS和Android上无法使用。 这是我的代码的相关片段: 使用Javascript: var audioElement = document.querySelector('#audioplayer'); var source = document.querySelector('#mp3'); source.src = tokObject._url; audioElement.load(); audioElement.play(); HTML: <center> <audio id="audioplayer" style="width:480px;"> <source id="mp3" src="random-placeholder" type="audio/mp3" /> </audio> </center>

使图像位于文本框可点击的情况下的iPad(为iOS创buildHTML5searchinputtypes)

我试图模拟使用JavaScript的HTML5 input type='search' 。 我的目标是做这样的事情: 首先,我将指定为什么我没有直接使用HTML5searchinputtypes。 在iPad的情况下,所提到的inputtypes显示了圆angular文本框和原生searchinput框所需的所有其他function,除了文本框angular上的小十字(x)图标外,当用户input某些文本进入search框。 我尝试了所有的东西 – 把inputtypessearch放到一个<form> ,重新定位type='search'等。没有任何东西似乎带来了预期的效果(只有当应用程序部署在ipad-webview或手机浏览器上时)。 所以,我已经使用十字图标模拟了小部件,并根据search框内的内容select性地显示/隐藏小部件。 它适用于所有版本的desktop Safari (通过开发人员工具切换)。 但是,当我在iPad上试用时,在search框内input按需显示十字图标,但不允许在其上注册触摸事件。 我也知道这个原因,因为当用户input时屏幕键盘是激活的,下一个触摸事件在search文本框上被阻止。 由此,也防止了十字图标的触摸。 我的代码如下: HTML看起来像这样: <form id="searchForm"> <div> <input type="search" id="searchBox"> <a id="cross_icon" > <img src="search.png"> </a> </div> </form> jquery代码如下所示: //This function will be triggered on keyup event on searchBox showXIcon : function(){ var search = $('#searchBox').val(); if(search.replace(/\s/g, "") === […]

使用Safari和HTML5在iPhone上进行录音

我正在开发一个简单的Web应用程序,只logging麦克风的声音,但我有一些麻烦。 HTML5语音录制function在Chrome和Firefox桌面或Android上运行良好。 但是在iPhone上使用移动浏览器,甚至是Chrome和Firefox都不行。 我试了recorder.js,结果没有改变。 是否有可能在safari上录制声音,或者是safari或iOS的function缺失?

iOS 7的webview和localStorage持久性

我正在开发使用PhoneGap / Cordova的混合应用程序(仅适用于iOS和Android),并希望使用HTML5 localStorage来存储用于脱机访问的内容。 http://caniuse.com/#search=local存储说:“在iOS 5和6本地存储数据存储在一个位置,有时可能会被操作系统清除。” iOS 7(及更高版本)webview有什么情况,localStorage会在什么情况下持续存在,或被操作系统或用户清除? 将更新的应用程序清除localStorage? 怎么样的用户清除浏览器的Safari浏览器的历史logging – 也将适用于Web视图? 我是否需要担心(或者我可以控制)localStorage在fils系统上的创build位置。 我知道它不应该备份在iCloud上。 我有一个设备(iPad),并检查文件系统,我看到localStorage文件在应用程序沙箱内的〜/ Library / Caches中,请参阅下图。 从文档: https://developer.apple.com/icloud/documentation/data-storage/index.html可以再次下载或重新下载的数据应该存储在/ Library / Caches目录中。 您应该放入Caches目录中的文件示例包括数据库caching文件和可下载的内容,例如杂志,报纸和地图应用程序使用的文件。 我只是这样做,以设置数据: localStorage.setItem('foo','this is the FOO value'); localStorage.setItem('bar','and this is the BAR value');

新的iOS 7.1 minimal-ui视口设置中是否存在错误?

iOS 7.1中的新“最小UI”设置对于景观网站来说非常有用。 我的networking应用程序使用全屏,绝对定位div的内容,给它一个应用程序般的感觉。 但Safari浏览器似乎只增加了底部URL栏的高度。 我已经在不同的iPhone上尝试过,相同的结果… 以下是加载页面后的样子: 这是一个错误,或者我做错了或失踪? 点击举例(在iPhone上使用iOS> = 7.1查看)

iPhone本地存储“QUOTA_EXCEEDED_ERR”的问题

我尝试使用Iphone应用程序的HTML5(localStorage)中提供的客户端存储,我完全意识到与localStorage关联的“ QUOTA ”(当前为5MB )。 现在的问题是我的应用程序(没有数据以前存储)。 试图将数据存储在localStorage中会导致QUOTA_EXCEEDED_ERR,尽pipe总体数据的大小小于5 MB(精确到〜4Kb) (在普通浏览器中使用chrome web inspector可以find) 任何人都可以分享一些这样的数据如何重量4Kb导致QUOTA_EXCEEDED_ERR当上限为相同的5MB 请注意,问题只发生在iPhone , 所有的浏览器 ,甚至iPhone模拟器不会提示QUOTA_EXCEEDED_ERR错误 目前iPhone的图片是iPhone 4。

Cordova / Phonegap 3.1键盘(仍然)覆盖重点forms领域 – iOS 7

嗨,大家好,我刚刚从cordova3.0升级到3.1,我仍然遇到一个非常令人不安的问题(在使用KeyboardShrinksView首选项时仍然存在)。 每当我聚焦触发键盘打开的元素(input / textarea)时,元素就会隐藏在键盘后面,我需要向下滚动(使用webkit-overflow-scrolling进行滚动),以便查看元素及其内容。 当KeyboardShrinksView设置为true时,页面将不会滚动,甚至更糟糕。 任何解决scheme,以解决这个问题? 我已经看到了一些问题和错误报告,但没有工作的解决scheme(或解决scheme)。 玩“全屏”的偏好不会解决问题。 谢谢你的帮助

在iPad上播放HTML5video并寻找

非常奇怪的错误,我似乎无法弄清楚。 我试图让用户点击播放时从某个位置播放HTML5video。 当video开始播放时,我试图让它find正确的。 在我的玩事件我做this.currentTime = X 在浏览器上,它工作正常。 但是在iPad上,当我播放video时,video并没有find正确的位置(从零开始)。 更奇怪的是,如果我在setTimeout中做this.currentTime = X调用,比如说1秒,它就可以在IPad上工作(有时候)。

iOS中一个页面上的多个HTML5媒体元素(iPad)

我的研究使我了解到,苹果的媒体元素处理程序是一个单身人士,这意味着当audio在后台播放时,我无法播放video 。 我的任务是构build一个幻灯片演示框架,客户需要一个背景音轨,与子弹点相匹配的定时audio旁白,以及可以是图像或video的可变媒体,或多个媒体元素的定时循环。 当然,没有媒体在iOS上工作。 每个媒体元素都取消了以前的内容。 我最初的想法是在video出现时将videoaudioembedded到video中,但是现有的Flash版本依赖于现有的资源,所以我几乎不得不使用交付的内容。 有没有解决这个问题? 我正在testingiOS 4.3.5 。 世界上最聪明的开发者都在这个网站上 – 我们必须能够想出一些东西。 编辑:更新我的iPad到iOS 5.0.1 ,问题依然存在。