I have embedded the Soundcloud widget on my website here:
http://www.jackcarnoldmusic.co.uk/music/
…however, on Safari 6.1 (the latest version), no audio plays. There is no error returned, and the time counter and play cursor move, but no sound comes out. Same page loaded in other browsers, including IOS7, work fine. What is it that Safari 6.1 is doing to stop the audio, and how do I get around it?
Thanks
I solved this same problem as follows:
Safari - Preferences - Advanced - unchecked Internet plug-ins (Stop plug-ins to save power)
Reloaded my page with embedded Soundcloud widget & I now get the audio to stream.
This new Safari feature causes other plug-ins to have a similar problem. Not sure what Apple is thinking sometimes...
It's a problem of Safari Power Saver. SoundCloud uses Flash to play audio, but puts it somewhere it in the page making Safari think it's not an important Flash instance (it's not front and center) so it must be blocked to save power. Unfortunately SoundCloud also visually hides Flash, making it impossible to click on it, therefore making it impossible for Safari to put it in the Power Saver whitelist. Also unfortunately, there is no way to add more websites to that list from Safari.
Fortunately though, it was easy enough to create a tool that fixes that. So here is Safari Power Saver Whitelister. It adds any website you want to the Safari Power Saver whitelist. Just click Run in the AppleScript Editor.
Related
It just so happens that on iOS 10.3 Safari (and may be even older versions too) the web pages bounce when scrolling ends. I do not want that fancy bouncing on my own website and the ones I visit. Much prefer just the standard scrolling behavior!
Is there a standard "non-hacky" way, i.e. without using javascript's event.preventDefault(), to stop Safari from doing this? Unable to find anything related to this on Apple's documentation site that works.
I successfully (with much frustration) got our c# embedded signing to work on our site, however, that was before I tested with Safari on a Mac. Safari does not allow Third party sites to open in an iframe without already having a cookie for that site stored. If you either open the site beforehand or allowing all cookies, the document will show embedded. However, even messing around with that, the redirection after completion is not working. The please wait popup does not redirect back to my site. I am looking for any embedded solution that supports mac.
The process works great on windows, but does not work on Safari for Mac and is intermittent with Firefox and Chrome on mac.
I am looking for any non-iFrame embedded solutions that I could implement that should work on all platforms and browsers.
Since you have embedding working in terms of generating a URL token, it's up to you how to access that URL. We've seen developers write their own programs to view where they have complete control over the iFrame and can do whatever they like with it, and another solution we've seen is to use a web browser control.
see this SO link
The only workaround that I know of is to pop up a new browser window. I know there is work being done to make it work without cookies, but at this time the new browser window is your only choice.
Sorry about that.
I have a website that doesn't work in IE8, due to a ton of issues.
Apparently, some people don't understand. There is no way my site will ever work natively in IE8.
MY GAME WILL NEVER WORK NATIVELY IN IE VERSION EIGHT.
As a workaround, I want to place a Java applet on it that simulates a browser. This way, people - 25.8% of people - can see my site in IE8 by viewing the site through the applet.
Basically, it would work something like the emulator at http://www.opera.com/developer/tools/mini/ - except not Opera Mini.
Thus: Are there any emulators that I can put on my site that emulate other browsers? They could be JS/HTML5, Java, Flash, whatever.
{Opera Mini doesn't work with my site - so unfortunately this otherwise perfect example from Opera doesn't work, but any of the current versions of the Big 5 (IE, Chrome, FF, Opera, Safari) would work with my site flawlessly.}
I was wondering if I can access the webcam via a browser plugin e.g. for Firefox, Safari, Internet Explorer etc?
Are there already similar plugins/add-ons?
Thanks
It's possible to access the webcam through Flash, for instance.
An example of this is Omegle, which uses Flash to access the webcam.
An alternative is doing it in Silverlight, as in this example.
Finally, there's Java, in which you could write an applet to access the webcam. This article should demonstrate this.
If you wish to do it yourself, you will have to write the plugins yourself.
This can be done using the NPAPI for most browsers, or by writing a BHO (Browser Helper Object) for Internet Explorer.
How to interact with the webcam there depends on which language you choose, as you have full access to system libraries.
Note that writing a custom browser plugin is both harder, and a larger hassle for users, as they have to install something new, as opposed to just using their existing browser plugins.
I just found this:
http://www.html5rocks.com/en/tutorials/getusermedia/intro/
One year and a half after this question was made. I haven't tested it, but maybe it'll help.
From the link (just a copy/paste showing how to record something using the camera as input source):
<input type="file" accept="video/*;capture=camcorder">
<input type="file" accept="audio/*;capture=microphone">
None of the major Webbrowser's (IE, FF, Chrome) provide any special support for Webcams. You will need to either use the native OS's API (whatever that may be), or embed Flash in Webbrowser control in your browser plug-in.
You can use Mediadevices.getUserMedia (https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia) to capture webcam stream on browser (chrome and firefox).
To play with webcam stream on safari, you would have to use a pollyfill - https://github.com/Temasys/AdapterJS
To record the video/audio stream, you can make use of Media recorder api https://developer.mozilla.org/en-US/docs/Web/API/MediaRecorder
(Note : recording stream is still a challenge in Safari as there is no support/pollyfill. However, it works perfectly on Chrome and Firefox latest versions).To make video recording work on Safari, it maybe worthwhile to explore https://github.com/ronghanghu/webcamjs (Note flash plugin needs to be installed and enabled)
Helpful demonstrations :
https://webrtc.github.io/samples/
https://mozdevs.github.io/MediaRecorder-examples/index.html
https://hacks.mozilla.org/2016/04/record-almost-everything-in-the-browser-with-mediarecorder/
What is the recommended (cross-browser) video format to use on websites so that users' browsers (or most of them) wouldn't require to download a plugin to view it?
There is no single video that will play in every browser. If you want it to work across the most browsers, you're going to have to encode your video more than once. Dive into HTML5 video has the gory details.
You nest your video references so that browsers try these in order, falling back if it's not supported:
Ogg Theora
MP4 H.264
A Flash container displaying #2
Number 1 gets you Firefox 3.5 and Chrome. Number 2 gets you Safari and the mobile phone WebKit browsers. Number 3 gets you IE, Firefox ≤3, and Opera.
There is no such format available yet. The best way to go is:
Flash (most of the users have flash plugin installed already, 99% according to http://www.adobe.com/products/player_census/flashplayer/)
OGG (This will be available in HTML5 as standard)
Yes HTML5 will solve some of the problems of not needing a plugin, but different browser vendors have chosen different codecs and file formats. It's complicated, but Dive Into HTML 5 has a great article.
None! but you can do it with HTML 5 which is not implimented by all browsers ...
if you really need a video on your page i would recommend flash or silverlight
In a couple of months HTML 5 will be supported by almost all browsers on this planet. If you are planning to run your services in 2010 just use OGG open standard container format. It is unrestricted by software patents and is designed to provide for efficient streaming and manipulation of high quality digital multimedia. It is already supported by Firefox 3.5 and soon all browsers will support it.
Please look at documentation and wiki on http://www.xiph.org/ogg/
A giant GIF. (You could attach a Javascript image preloader script to the movie to load it.)
Microsoft Video Codec VC1