I know this question is already asked in past, but i finally found no answer....
So I got a shoutcast stream, encoding audio/mpeg and I want create a web-app for my iphone to listen to my stream mobile.
I tried several methods of http://mydomain.com:8000/. With semicolon, with stream.nsv, with stream.nsv&type=mp3 and so on...
I tested it everytime with the Safari browser und nothing happened. I tried several options in the html5 audio tag. preload, auto-buffering etc..... it's still quiet...
Do you have any solutions or snippets or what else?
Thank you :)
HTML5 streaming web pp for iPhone.
<audio controls=">
<source src="http://www.yourstreaming.com" type="audio/ogg" />
<source src="http://www.yourstreaming.com" type="audio/mpeg" />
</audio>
Try jPlayer I'm pretty sure it can play shoutcast stream, and it works in iPhone. The player uses HTML5, and supports flash fallback.
you very welcome,sorry i don't know the source for Android,here are links that might help you,good luck with it.
http://dev.opera.com/articles/view/everything-you-need-to-know-about-html5-video-and-audio/
I would suggest Mediaelement . Its works well on most of mobile devices including iPhone.
Related
I have a small HTML5 game with Javascript and JQuery. Every thing is working fine but the audio is not playing when the application starts.
I have used "audio" tag to play the sound.
<audio id="backgroundMusic" autoplay loop>
<source src="sounds/startTheme.mp3" />
<source src="sounds/startTheme.wav" />
</audio>
This issue persists in all the browsers.
Can anybody please help or advice me some work around?
Very thanks in advance.
P.S. - I think audio tag is not supported in facebook app.
After many tries I get this thing to work. The audio was not playing because Facebook only supports secured contents. (contents with ssl).
When I generated a verified SSL certificate it started working. Before I was using a self signed certificate.
Thanks you everybody for your suggestions.
I know facebook does uses HTML5 media element for example when displaying media content to a journal on iPad.
First I would check the audio tag you are using works on a blank HTML5 page (just to be sure there is no issue with the file/server you are using).
Could not it be that just the autoplay or loop attributes are not supported? We know that Apple disables autoplay on all of its mobile devices. Maybe facebook has rolled out something similar.
Try something like this to see if it plays on user interaction:
<audio id="backgroundMusic" controls>
<source src="sounds/startTheme.mp3" />
<source src="sounds/startTheme.wav" />
</audio>
To check if HTML5 audio is supported in an environment you can use:
function supports_audio() {
return !!document.createElement('audio').canPlayType;
}
More information on this here.
Otherwise good old flash can be a fallback option.
I tried different ways to show a .mov video ("ISO Media, Apple QuickTime movie" on linux) in HTML5 page with Iphone, but it isn't working.
My code is:
<video width="320" height="240">
<source src="test.mov">
</video>
With all desktop browser (chrome, firefox....) I can show the video.
Any Idea?
Thanks in advance.
Instead of using <source> tag use <src> attribute of <video> as below and you will see the action.
<video width="320" height="240" src="test.mov"></video>
As per HTML5 standards the only videos that are trully supported cross browser are MP4, ogg, and WebM. All other video files are not guaranteed to work with the standard html5 video player.
You can read more about it at this website.
http://www.w3schools.com/html/html5_video.asp
Alternatevily you can look for other video players that can help you make this for you.
Hope this helps.
The .MOV media type (Quicktime movies) is not supported in HTML5 browsers using the video element at this time. I recommend you encode those to MP4 (MPEG4).
But you can try this HTML below. The new video HTML5 element will not work as it supports limited media types (MP4, OGG, or WEBM). Using the older HTML embed or object elements forces the browser to use a plugin to support the video, if one exists. If your Quicktime movie plays, it will depend on how Apple and their Safari browser manage the plugin or player for this media type:
<embed id="embed1" src="test.mov" type="video/quicktime" style="width:320px;height:240px;">
<noembed>Your browser does not support this media object or the embed element.</noembed>
</embed>
I have been trying to embed some videos on a website I am building, and have come across a snag when trying to stream the videos to iPhone/iPad.
Here's the code I use:
<video width="480" height="360" controls>
<source src="/video/Fire.mp4" type="video/mp4" />
</video>
This displays a thumbnail with a play button on it. However, the play button is crossed out. (The invalid codec button?)
I have ensured that the video has been properly encoded (MP4, H.264, baseline).
Any suggestions on what I'm doing wrong?
I've been having a similar problem. A few things to check off before you assume the codec is the problem:
Ensure the server is sending the video file with the correct MIME type (video/mp4)
The video's bit rate is under ~2MBps, there is also a relationship with the max resolution you can use in conjunction with the bit rate.
I was also encoding mp4 video with the baseline profile using Adobe Media Encoder and could not get the video to play on an iPhone.
I used Miro Video Converter to convert from mp4 to mp4 and can now correctly play the video on an iPhone.
Obviously some part of the encoding I must be setting wrong from the Adobe software but I'm yet to pin it down.
If anyone else can chime in with there experience it would be appreciated.
I have tested some droids and iphones and have not found a phone that works. Basically if I use <audio src="http://.... everything works. When I change it to <audio src="https://..... the file plays fine on computers but not on smart phones. Any ideas why?
See similar posts:
cannot play iPad <audio> over https
http://code.google.com/p/android/issues/detail?id=19958)
I think for audio video streaming on android https protocol doesnt support. Look at here Android Supported Media Formats.
I'm building a web site that needs to stream video and be friendly for handheld devices (especially the iPhone). Some handhelds don't support Flash so I'm avoiding the use of a Flash player. How does Youtube stream its videos so that they play on both desktops and iPhones? I'm looking for a player, or multiple players, which can be somehow activated based on the user's device.
Your help and guidance are much appreciated. Thanks.
The YouTube website and others use the HTML5 video tag for streaming playback on iPhones. It works like this:
<video width="480" height="360" controls>
<source src="test.mp4" type="video/mp4" />
<source src="test.ogv" type="video/ogg" />
</video>
In Safari (Desktop as well as mobile) and Chrome, the h264-compressed test.mp4 file will be played. Firefox will play back test.ogv. For other videos, you should still have a flash video player as fallback. You can have all the format choosing and flash fallback done automatically using HTML5Media. You might also check out SublimeVideo, which provides video player controls for the <video> tag.