Embedded Player Solution HTML5/iOS - Airtime Development Discussions on Sourcefabric Forum

Bob Zurunclε

Good Morning All!

This might not be the best place for this question but I've not found the information I'm looking for online anywhere

As a part of the Airtime broadcast solution, I've cobbled together an embedded web player solution using a php script to read the content tags and ffmp3 to play the stream

The problem is it will not work with iOS seeing as the player core is based on flash

Is there an HTML5 solution that will work for iOS?

I've poked around and the code snippets that supposedly work don't for iphone/ipad

Obviously there might not be a complete solution but perhaps using browser detect and then provide a couple player options

Anyone tackled this issue?

Thanks

Aris Synodinos

Good morning Bob.

I would love to see your php script if that's ok with you (and maybe use it).
iOS has no problem with flash as far as I know, only iPhones have. And for those, you could provide a .pls or .m3u file that gets the job done easily. Surely it's not the best solution, but you won't be the first nor the last who does it that way!

Aris

Albert FR

for information, at nessradio ( http://nessradio.com/2012/05/application-iphone-ness-radio/ ) we have realized an ios app for our webradio, if you are interested, we can do the same for you ;)

Bob Zurunclε

We are not looking for an ap... I want a browser based player that will work on most if not all platforms

I can write an ap but I don't want the hassle of distributing/supporting it

YounesDesign

Hello bob.

Nothing better than Html5 audio tag:.

https://developer.mozilla.org/en/Using_HTML5_audio_and_video

http://www.position-absolute.com/articles/introduction-to-the-html5-audio-tag-javascript-manipulation/

for exemple :

As simpe as that :)

Bob Zurunclε · Post edited by Bob Zurunclε at 2012-05-17 18:56:54

If it was a single file that would be correct

However, this is for an airtime stream that does not have an .mp3 extension

Syntax would be

<audio src="my.streaming.audio.feed.org:8000/airtime_128/" preload="auto" controls></audio>

I tried this and it does not work

I see a player on some platforms, others it appears for a brief moment and disappears but none stream the airtime audio

Thanks!

YounesDesign

oi oi oi!

your stream have for sure an .mp3 extension and it's the link you need to be featured in iTunes, TuneIn... etc.

For exemple for me it's http://my.streaming.audio.feed.com:8000/nessradio.mp3

Bob Zurunclε

The way it's currently configured of of the box, airtime provides a "stock" mount point without an extension

my.streaming.audio.feed.org:8000/airtime_128/

I added a .mp3 to the mount point and tried it using my embedded ffmp3 player and it works but not with HTML5

my.streaming.audio.feed.org:8000/airtime_128.mp3/

Suggestions?

Albert FR

remove the / at the end of the line ;)

you can try that too :
http://en.flossmanuals.net/airtime/stream-player-for-your-website/

YounesDesign

Albert is rigth... you have to remove the / at the end and it will work :)

Bob Zurunclε · Post edited by Bob Zurunclε at 2012-05-19 10:49:51

Good Morning:

Typo on our part

We used http://my.streaming.audio.feed.org:8000/airtime_128.mp3 and still no luck in HTML5

Tried it in several browsers on different platforms to not avail

I'll keep trying

Douglas Arellanes

Here's a dumb question, Bob, but are you using a source in your
tag?

Your browser does not support the audio element.

Also, just to try troubleshooting, does the Listen button work for you from
Airtime?

doug

On Sat, May 19, 2012 at 4:44 PM, Bob Zurunclε <<br />airtime-dev@lists.sourcefabric.org> wrote:

> Good Morning:
>
> Typo on our part
>
> We used http://my.streaming.audio.feed.org:8000/airtime_128.mp3 and still
> no luck in HTML5
>
> I'll keep trying
>
>

Douglas Arellanes

For some reason, the mailer stripped out the code snippet, which should have looked like this, taken from this address:

http://www.w3schools.com/html5/html5_audio.asp

<audio controls="controls">
<source src="song.ogg" type="audio/ogg" />
<source src="song.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>

Bob Zurunclε

Bob Zurunclε

Bob Zurunclε

There are no dumb questions!

That's the exact code I'm using

<audio controls="controls">
<source src="http://my.streaming.audio.feed.org:8000/airtime_128.ogg" type="audio/ogg" />
<source src="http://my.streaming.audio.feed.org:8000/airtime_128.mp3" type="audio/mpeg" />
Your browser does not support the audio element.
</audio>

Howdy, Stranger!

Categories

Poll

Top Posters