mobile-safari

问题 I am basically trying to open a new tab in the Safari iPhone Mobile Browser (iOS 7) when the user clicks the "Done" button in the Native video player. This is the action flow: User Plays HTML5 Video (Clicks the Play Icon) Mobile Safari Opens Fullscreen Player 3 User Clicks Done I tried various approaches and none of these events are working. ended webkitendfullscreen pause Any ideas on on what may be a suitable solution? If you want to check out the work I have done so far here is the code

问题 I write a simple iPhone web app using HTML5's localStorage. Tests on a 2G device show that data stored using localStorage does not persist after the Safari process is killed although the opened Safari windows are remembered. The data is also lost in a case where I am on a different site on a different Safari window, then I change the window to where the web app in subject is shown. When Safari loads the page it automatically refreshes the page. Then the data is lost. This is a simple test

问题 On iOS 7.1, I keep getting a buzzing / noisy / distorted sound when playing back audio using the Web Audio API. It sounds distorted like this, in place of normal like this. The same files are fine when using HTML5 audio. It all works fine on desktop (Firefox, Chrome, Safari.) EDIT: The audio is distorted in the iOS Simulator versions iOS 7.1, 8.1, 8.2. The buzzing sound often starts before I even playback anything. The audio is distorted on a physical iPhone running iOS 7.1, in both Chrome

问题 On iOS 7.1, I keep getting a buzzing / noisy / distorted sound when playing back audio using the Web Audio API. It sounds distorted like this, in place of normal like this. The same files are fine when using HTML5 audio. It all works fine on desktop (Firefox, Chrome, Safari.) EDIT: The audio is distorted in the iOS Simulator versions iOS 7.1, 8.1, 8.2. The buzzing sound often starts before I even playback anything. The audio is distorted on a physical iPhone running iOS 7.1, in both Chrome

问题 I have a mobile html page which contains images. I want to create a button or a link which is used for a download of an image. The image should then be saved to the users mobile image gallery. I have seen this post: How can I create download link in html? The solution <a href="link/to/your/download/file" download="filename">Download link</a> is working in desktop browsers but not on mobile. Here is a JSFiddle I made: http://jsfiddle.net/tDVqH/4/ Note: The image is created in the browser i.e.,

问题 I want to play a short (less than 1s) audio file in response to user input on my web app running in Mobile Safari on the iPad with minimum latency between event and audio playback. The playback can be triggered multiple times between page reloads, therefore I want to cache the audio file. The following plays the file on the first click but after than nothing happens: var audio = new Audio("ack.mp3"); $("#button").click(function(e) { e.preventDefault(); audio.play(); } If I add an event

问题 I'm struggling to get a WAV file to play on a HTML page as either an HTML5 audio tag or via a regular downloadable link in mobile Safari (iPad/iPhone): <audio controls src="audio-pcm_s16le-8k.wav"/></audio> <a href="audio-pcm_s16le-8k.wav">audio</a> The HTML5 audio object just shows Cannot play audio file in it, and when I click to download the anchor referenced one I get a black page with a "can't play this circle" in the middle. I've tried various frequencies (8000, 11025, 16000, 32000,

问题 I've got a background image scaled to fit inside its container, and I have appropriate fallbacks (not shown) for when Modernizr detects that the browser does not support background-size. .wrap { width: 200px; height: 116px; position: absolute; background-image: url(image.jpg); background-attachment: fixed; background-position: 0 0; background-size: 200px 116px; background-repeat: no-repeat; } Here's an example: http://jsfiddle.net/crowjonah/6xYNm/ It looks beautiful in Chrome, Firefox, Safari

问题 What is the best approach to add code for detecting an iPad Safari user. I mean should we use 1. CSS (through link media..) 2. JS (through navigator object) I have heard that using user-agent string is not the best way to detect iPad, because of inconsistencies. Please suggest. Thank you. I also have a follow-up question; Actually the code to detect desktop/iPad is going to be part of JSP (and not static HTML files)...Now in my app, there are 200+ pages..So where exactly should I be adding

问题 I'd like to allow users of my mobile website to upload a photo, enter a tag and caption in Mobile Safari, then open Instagram with that image, tag and caption pre-populated. Based on this documentation, it's possible to pre-populate the image and tag, but the only mention of pre-populating a caption is "To include a pre-filled caption with your photo, you can set the annotation property on the document interaction request to an NSDictionary containing an NSString under the key