it's got to be simple - can't ...

it's got to be simple - can't find the answer

it — May 11, 2015 03:31PM EDT

I'm a newbie, working on a new installation. I'm trying to stream an mp3 file from a wowza server to a JW Player. I'm trying to make the same webpage work on multiple platforms. I have this setup working to play on WIndows/Firefox properly.

<script src="http://www.voicetext.com/jwplayer/jwplayer.js" ></script>
<script>jwplayer.key="___My JW Player Key ___";</script>

<div style="text-align: center;" id="player">
<div id="myElement"> </div>
</div>

jwplayer("myElement").setup({
file: "rtmp://wowza1.voicetext.com:1935/stream/mp3:VoiceSmallLoud.mp3",
width: 300,
height: 30,
autostart: true
});

You can experience this at
http://www.voicetext.com/voicetext/jwlistenmp3works

But it fails on Android/Chrome with "No playable sources found".

So I changed the player to this:

jwplayer("myElement").setup({
sources: [{
file: "rtmp://wowza1.voicetext.com:1935/stream/"
},{
file: "http://wowza1.voicetext.com:1935/stream/playlist.m3u8"
},{
file: "rtmp://wowza1.voicetext.com:1935/stream/mp3:VoiceSmallLoud.mp3"
}],
file: "mp3:VoiceSmallLoud.mp3",
width: 300,
height: 30,
autostart: "true"
});

Which fails both on windows/Firefox and Android/Chrome. On Windows I get a player that does not react. On Android, I get "no playable sources found".
You can experience it at:

http://www.voicetext.com/voicetext/jwlistenvod

This has got to be a simple syntax problem. Playing a mp3 from Wowza seems to be the simplest scenario. Can someone help me out here?
Thanks,
Joe

9 Community Answers

MisterNeutron

Best Answer

May 12, 2015 04:08PM EDT

If you just want to play an MP3, the setup in JW Player is very simple:

http://misterneutron.com/JW6audio/

That covers virtually every platform out there.

In fact, native support for MP3's is available on almost every platform, so you don't need any Flash fallback at all. The only remaining exception is IE8. You can do it without any sort of player script:

http://misterneutron.com/audioTag/

View in conversation

Up Down

Andrew

JW Player Support Agent

May 11, 2015 05:28PM EDT 1 rated :

Hey Joe,

You appear to be using an RTMP stream to serve your MP3 here. The RTMP protocol requires Flash, so this will not work on mobile. Additionally, if you’d like HLS working on Android, you’ll need to specify androidhls: true.

Finally, The

file: “mp3:VoiceSmallLoud.mp3”,

isn’t required you should only be specifying files in your sources block. My guess is that this should be appended to the RTMP server URL if you are indeed still trying to get RTMP functional.

Regards,
Andrew

Up Down

it

User

May 12, 2015 01:25PM EDT 0 rated :

Thanks.

I'm not married to rtmp, I just thought that was "the way" to serve an mp3.

So, let me take a step back to the requirements, because it sounds like I'm taking a restrictive implementation that I don't need.

I have an mp3, which I understand I can play on both desktops and mobile. In the future, I may have other file formats. I'm willing to transcode this file.

I chose Wowza server and JW Player, as they handle a wide selection of media and platforms.

What is the basic solution so that I will serve and consume my source file on a basic set of flash and html5 platforms? I can't find this (what seems to be) standard solution in the docs.

Joe

Up Down

Andrew

JW Player Support Agent

May 12, 2015 01:52PM EDT 0 rated :

Hi Joe,

The easiest method of doing this would be to just serve your MP3 via HTTP rather than RTMP. HLS and RTMP offers more benefits to video and more advanced setups, so if you are indeed just looking to play some individual static music files, direct HTTP link to MP3 may be the simplest way to accomplish this.

Up Down

MisterNeutron

Best Answer User

May 12, 2015 04:08PM EDT 0 rated :

Up Down

it

User

May 13, 2015 02:48PM EDT 0 rated :

Well, I must have missed your point, because when I try this:

jwplayer("myElement").setup({
file: "http://wowza1.voicetext.com:1935/stream/VoiceSmallLoud",
width: 300,
height: 30,
autostart: "true",
androidhls: "true"
});

Both my android mobile and windows/Firefox tell me "no playable sources found"

Up Down

Andrew

JW Player Support Agent

May 13, 2015 03:34PM EDT 0 rated :

I believe you’re trying to replace the RTMP section of your stream with HTTP, which isn’t going to work. We’re suggesting a direct link to the file itself, potentially not involving Wowza at this point. In this case, the file section would look like something along the lines of:

file: ’http://www.website.com/myaudiofile.mp3"

Much like Mister Neutron’s “Code Monkey” example above.

Up Down

MisterNeutron

User

May 13, 2015 04:36PM EDT 0 rated :

Exactly. In short, there's no reason to be "streaming" anything. No RTMP, no HLS. Just feed the player the actual MP3 file. No muss, no fuss.

You are making this WAAAAY more complicated than it really is!

Up Down

it

User

May 18, 2015 05:14PM EDT 0 rated :

Well, I never wanted to make it harder than it is. But, I don't understand why using Wowza is harder than WMS.

In the long run, I'd like to use Wowza as my media (live and on demand) server so I get to go to one place for traffic information.

And I understand JW Player works well with Wowza with multiple formats, platforms, and the like. So I agree this should be easy. But, the documentation isn't so straightforward.

So is there a basic way to put an mp3 file on the Wowza server, and serve it to any platform? Or is WMS the only practical solution?

ps. I'll work on the WMS solution, just for my own edification.

Thanks,
Joe

Up Down

Randy

JW Player Support Agent

May 22, 2015 11:38AM EDT 0 rated :

Hello Joe,

The following link may be of use to you: http://support.jwplayer.com/customer/portal/articles/1406724-aac-or-mp3-audio-embed .

<div id="myElement"></div> <script> jwplayer("myElement").setup({ file: "http://example.com/uploads/myAudio.mp3", width: 640, height: 30 }); </script>

Kindly,
Randy

This question has received the maximum number of answers.