This code is working on MacOs and not on iOS.
soundManager.setup({url:'soundmanager2/',onready:function(){var mySound=soundManager.createSound({id:'aSound',url:'soundmanager2/notes.mp3'});mySound.play({from:50000,to:52000});},ontimeout:function(){}});}
When I do not use the 'from' and 'to' commands it works fine on iOS... but I need audio sprite.
Any idea to fix that or another way to make audio sprite working with iOS ?
Thanks
You probably should be using something like Howler.js for audio sprites that work on mobile devices.
SoundManager uses HTML5 audio and a Flash fallback. You need to be using the Web Audio API for sound sprites on mobile (which Howler.js supports).
Related
On the left side is my electron application with one youtube video. On the right side is my app created with pygtk2 and webkit. The contrast is better with webkit. With Electron, the black board arround the video diverges. How can I fix it?
The problem is about Electron uses webm in chromium. The python webkit app uses mp4. Mp4 is not available in the Electron because it's a proprietary format. The solution that I found for control this difference about the contrast was in css filters on the video element.
-webkit-filter: contrast(120%);
Article about css filters
I have an animation made in Adobe Edge, featuring an animated body with an overlay of a face, pulled via an URL parameter.
It works fine on web. However, on IOS a video can only be played full screen - and then the image overlay obviously doesn't show.
Does anyone know a solution of how I could make this work on IOS? Either some way to convert the video+overlay to a merged video, svg animation or something else? Or just play the video without fullscreen - but I don't think this is possible.
On iOS mobile devices videos played in Safari go full screen with no other elements available. There is no way to stop this behaviour in Safari. Videos can be made to play inline within a native app, but not Safari unfortunately.
on iOS tablet devices, videos can be played inline within Safari.
However,you mentioned that you've created the animation in Adobe Edge Animate? I'd be tempted to publish your animation as a web animation and use that where your video would be.
I'm trying to make new web-site that background has a video.
I found a JS library: tubular
This plugin working as expected in my desktop browser. (Checked on : Chrome,Safari,Firefox)
But, This NOT working in mobile browsers.
I tried in (Nexus 5, HTC M8).
Both devices are not responding for video background.
Anyone there who knows the solution for this issue or some alternative library that I can use?
I suspect this is a problem with the video background not autoplaying on a mobile browser. This is by design though, it is a mechanism that prevents autoplaying videos from using up bandwidth unnecessarily.
I am developing my custom video control using jquery , javascript. for that i choose js flv player without any control bar,
so I almost developed its control bar and all the option using its listner javascript object, but now there is no full screen method in that js flv player.
any body know how can I control the full screen option, I am using the following flv player
flv-player.net
As per their FAQs:
Fullscreen only works with Flash Player newer than 9.0.16.
It is controlled by showfullscreen option which clearly mentions that it only works with Flash v9.0.16 or higher.
An alternative is to switch to FlowPlayer plugin. I've used it in a current project with great success. It provides many more options and supports mobile devices too (iPad etc).
Here's a Flowplayer demo for switching to fullscreen: Forcing to view the video in fullscreen mode
Another one: Custom Fullscreen action with overlay
The best player to use would be videojs. Really flexible. I have used it in one of my projects and i would recommend this for you. Got a full screen option by default. Uses js and no flash needed at all.
DEMO: http://so.devilmaycode.it/js-flv-player-fullscreen-option/
NOTE: as explaned by the author of the FLash Player here
Fullscreen only works with Flash Player newer than 9.0.16.
Fullscreen is not compatible with wmode transparency.
so we can at least simulate the full screen for those that not support it by using the $(document) width / height ( or whatever you want ) to fix the player size: and make use of the wmode property; this way you can use CSS position and z-index to display the controls over the flash player.
UTILS: Detecting Flash Player versions and embedding SWF files with SWFObject
I need to add media playback ability to a web application. It has to play audio and video, and the player has to be MS Media Player (shouldn't use any plugin non existent on a standard windows machine). I know I can add it directly as an ActiveX to IE, and control it with JavaScript. I wonder if there is some popular and good wrapper that will save me some of the work.
UPADTE: Having a way to easily embed the player on the page is cool. But I would like the interaction with the player to be managed too. Things I would like it to support:
Play
Pause
Stop
Load different media clip
Change volume
resize
Also I would like to be able to replace the default controls (visible in the Windows Media Player) with my own skinned controls.
Hey, this one should help:
http://malsup.com/jquery/media/
Flowplayer is also a good one: http://flowplayer.org/