Sound is distort on iPad when using web audio api - javascript

I have a problem when I am trying to play on iPad an mp3 using the web audio api.
In fact, the application is a html page where I try to play some mp3 or video files.
If I play first a video and then an mp3 file, the mp3 sound is distort.
If I play first a mp3 file everything work fine.
Even if all the video and audio have the same sample rate is not working.
Do you have any idea what should I do to avoid sound distortion?

Related

Video.js - How to add multiple audio tracks to the video.js player?

I am working on a project where I have to create a Video player which has multiple audio tracks. I gone through Video.js documentation but couldn't figure it out how can I do it.
I have one .mp4 video file and different audio files I want to use as audio tracks for the video. But I am unable to figure it out how can I pass these audio files to the Video.js's player.
Is there any other library other than Video.js which can help me with this problem?
Video.js doesn't support multiple audio tracks in this way, with separate files. Instead, you can use an HLS source which can contain multiple audio tracks.

How can I play a locally stored video as lightbox effect in HTML page?

I am wondering how can I play locally store videos on HTML5 with lightbox effects (where it pop-ups and play). I've tried a few options such as:
http://ashleydw.github.io/lightbox/#videos
http://jbutz.github.io/bootstrap-lightbox/
But these are supporting youtube or Vimeo videos and doesn't seem to work with local videos.
I also looked at following question
Video in jQuery and Fancybox (Local video file mp4 Instead of Youtube) but the only thing I got to know is we need an external video player to play the video and it would not work on the mobile.
Is there any generic solution to this problem?

AAC audio source with Cordova not playing properly.

I am using PlayCordovaAudio() function to stream audio (Shoucast).
The MP3 audio source is playing well with this code:
playCordovaAudio('the.url:PORT/;stream.mp3');
But, when trying to play an AAC audio source, the audio starts and stops right away. Even when using the same function:
playCordovaAudio('the.url:PORT/;stream.aac');
Here is the app that I am developing. If you want, you can download it and test it: https://play.google.com/store/apps/details?id=com.es611radio.kreactivamente1610001
(the first radio play is from the .mp3 audio source, the second one is an AAC audio source).
Any idea how could I fix this?
Thank you in advance

Youtube iframe embed loading flash player instead of HTML5 player

When I try to use iframe embedding for youtube video it sometimes loads HTML5 player and sometimes flash player.
Specifically, this <iframe src="https://youtube.com/embed/M7lc1UVf-VE"></iframe> will load flash player whereas <iframe src="https://youtube.com/embed/Zti5s48tc7k"></iframe>will load HTML5 player.
When I open both the videos in YouTube website both of them load in HTML5 players.
I cannot figure out why different videos load in different players.
it sound like video comparability so deepened how youtube video stored in their server they provide different player so the video played correctly. I think this happened with old video and there is nothing you can do about it.
Note: this is just person guessing of the issue.

Integrating .html extensions with VideoJS?

So i'm using the VideoJS HTML5 video player
on my in progress video streaming website.
The problem i've encountered is that the player has no problem playing links that end in the
(.MP4) extension. But the way my site functions is it acts as a video aggregator
by pulling links from various websites, the websites are similar to this one
taking that website link for example >
Notice how it ends with the .html extension and when you go to it, it has it's own unique video player, what I want to do is to be able to play that video in video js.
My aggregator saves links to the videos (.html , .php) and not the actual video file itself, is there a way of achieving this? or is it impossible? thanks!

Categories

Resources