[Pro] MP3 player in Freeway Pro

Building a website I need to have a mp3 player on it. Do not want to go with the Quicktime option, since it opens a new page. I would rather go for the solution with a player with a playlist, also seen on many other sites. Is this possible with Freeway? Do I have to use HTML code or is there another way around it?

quote

I need to have a mp3 player on it. Do not want to go with the Quicktime option, since it opens a new page

QT doesn’t open a new page - you can have an mp3 on your page with play bar etc see http://www.deltadzine.net/test/mp3.html

Just drag the mp3 onto your FW page.

If you want to have a playlist rather than individual files there are a number of flashplayers out there that you can use but you will need to do a bit of coding.

Here is one called Ephonic http://www.deltadzine.net/ephonic.html

David

quote

Hi David! Thank you for answering. It is appreciated! The Flash player with a playlist in your example will suit me perfect. What do I have to do with the coding to be more specific? Will it be within FW? What is the exact workaround to incorporate the Flash player in FW?

Torben

quote

Remember that a Flash player method won’t work on an IOS machine.

I will dig out that page for you and some instructions later.

David

quote

OK Torben

Example and FW file at http://www.deltadzine.net/ephonic_folder/ephonic.html

Let me know how you get on.

D

quote

Hi David

I am afraid that I am way in over my head here. To be honest I don’t understand the instructions. The instructions doesn’t tell anything about placing the grafic (player) anywhere, nor does it tell how to size it. If I have a blank site what do I have to do from there? I have downloaded the “upload stuff” action and got it running allright. I don’t know what to do with the “<script src=”swfobject.js” type=”text/javascript”></script>” files. It tells me to go to page>HTML markup and before /HEAD and do something from there, but this is where I am getting lost. Do I have to draw a HTML item or what? I understand you if you think it’s to difficult to help me out on this. As I told you, I appreciate that you have taken your time to answer me allready.

quote

page>HTML markup and before /HEAD and

In the page that you are placing your player go to the Page Menu then down to HTML Markup - this will open a dialogue box. There is a selector in the bottom LH corner where you choose where to place this markup.

Insert: Before </Head>

And then paste

    <script src="swfobject.js" type="text/javascript"></script>
    <script src="ep_player.js" type="text/javascript"></script>

Once you have pasted the code click the OK button (bottom right)

This pastes the code into the top of your FW document to reference the javascript files that you will upload with the page later.

To position the player on the page you can copy the markup boxes from the document example you downloaded from my site. You can move these to anywhere you like on your page and resize them to suit by dragging the corners.

Alternatively you can copy the whole page from my example document and paste it into yours.

You do this by clicking on the page name in the site pane at the left hand side and then Edit>Copy

Then open your document - click on your Site Folder in the site pane and Edit>Paste

David

quote

Ok think I’ve got it, but the only thing is that my browser comes up with the message.. “To use the E-Phonic MP3 Player you will need Adobe Flash Player 9 or better and a Javascript enabled browser.” I am sure my Safari browser (latest version” are Java Script enabled, and I have just downloaded and installed the latest Adobe Flash player version. Can you nail that one too?

/Torben

quote

If you have got the latest Flash plugin and JS is enabled then I would try a restart and/or another browser.

Check under the Security Tab in Safari Preferences to ensure that JS and plugins are enabled.

D

quote

Hi Torben, I don’t want to derail you if you are almost done with the Flash player solution but I thought I’d mention that I created an action a while ago that allows you to add Yahoo’s Media Player (http://mediaplayer.yahoo.com/ ) to a Freeway web page quite easily. You can find an example and the action download here; http://www.freewayactions.com/test/yahoo-media-player/

Regards, Tim.

On 27 Aug 2010, at 14:02, Torben Nielsen wrote:

Building a website I need to have a mp3 player on it. Do not want to go with the Quicktime option, since it opens a new page. I would rather go for the solution with a player with a playlist, also seen on many other sites. Is this possible with Freeway? Do I have to use HTML code or is there another way around it?

FreewayActions.com - Freeware and commercial actions for Freeway Express & Pro. ………………………………………………………………………… Protect your mailto links from being harvested by spambots with Anti Spam. Only available at FreewayActions.com ………………………………………………………………………… http://www.freewayactions.com

quote

Nice action Tim!

Nathan Garner

http://www.austinwellsdesign.co.uk

FW5 Pro | MacBook Pro | Snow Leopard

On 31 Aug 2010, at 10:05, Tim Plumb wrote:

Hi Torben, I don’t want to derail you if you are almost done with the Flash player solution but I thought I’d mention that I created an action a while ago that allows you to add Yahoo’s Media Player (http://mediaplayer.yahoo.com/) to a Freeway web page quite easily. You can find an example and the action download here; http://www.freewayactions.com/test/yahoo-media-player/

Regards, Tim.

On 27 Aug 2010, at 14:02, Torben Nielsen wrote:

Building a website I need to have a mp3 player on it. Do not want to go with the Quicktime option, since it opens a new page. I would rather go for the solution with a player with a playlist, also seen on many other sites. Is this possible with Freeway? Do I have to use HTML code or is there another way around it?

FreewayActions.com - Freeware and commercial actions for Freeway Express & Pro. ………………………………………………………………………… Protect your mailto links from being harvested by spambots with Anti Spam. Only available at FreewayActions.com ………………………………………………………………………… http://www.freewayactions.com

quote

Hi David!

In your example i need to know where you have put the “upload stuff action”. I can’t see where it is placed in your example. I have got it to a stage where it loads the player, but i need to know where to put the skins and also the mp3 files. I think I am close to getting there after all. And thank you for your patience with me.

quote

i need to know where to put the skins and also the mp3 files.

Use an FTP app to get these onto the server like Transmit or Cyberduck If you have defined the location of the music files such as

<location>mp3/demo.mp3</location>

Then you will need to create a folder called mp3 at the same level on the server as the page with the player on it. The skins folder will go alongside this. (again by FTP)

Upload Stuff is a Page action by Tim Plumb

Page>Page Actions>Upload Stuff

http://www.freewayactions.com/product.php?id=032

D

quote

Hi David,

I am afraid to admit that I have tried to do as adviced, but cannot seem to get it right. You can see an example of my effords at http://www.aarhuspartyband.dk/ephonic.html As you can see the player does show, but it cannot load the skins nor the music. I am not able to locate the catch..

/T

quote

The skins folder should at http://www.aarhuspartyband.dk/skins

the mp3 folder should be at http://www.aarhuspartyband.dk/mp3

Did you use an ftp app to upload these folders? If so how is your server configured? Does it have a public_html folder or a htdocs folder?

If either of these then that is where these 2 folders should go.

David

quote

Hi Torben, I can see from the source code on your page that the browser is looking for the skins at; http://www.aarhuspartyband.dk/skins/nobius_blue/skin.xml

Although the skins directory is there on the server the ‘nobius_blue’ directory isn’t. You will need to FTP this into place with the ‘skin.xml’ file inside it to get the skins to work correctly.

Similarly the playlist file is looking for your MP3s in the following location; http://www.aarhuspartyband.dk/mp3/demo.mp3

You will need to FTP the MP3 directory (with the MP3 inside it) into this location before the playlist file will locate and play the files. I hope this helps. Regards, Tim.

On 2 Sep 2010, at 19:47, Torben Nielsen wrote:

Hi David,

I am afraid to admit that I have tried to do as adviced, but cannot seem to get it right. You can see an example of my effords at http://www.aarhuspartyband.dk/ephonic.html As you can see the player does show, but it cannot load the skins nor the music. I am not able to locate the catch..

/T

FreewayActions.com - Freeware and commercial actions for Freeway Express & Pro. ………………………………………………………………………… Protect your mailto links from being harvested by spambots with Anti Spam. Only available at FreewayActions.com ………………………………………………………………………… http://www.freewayactions.com

quote

I just wanted to say that this thread is/was very helpful. thank you. I am a musician trying to make my own webpage, and I have no coding skills what so ever. So thanks for all the patient advice.

quote

I am going to go with the quicktime method. But where is the option to have it NOT start playing when the page loads? I have multiple audio files on the page and it may begin to sound like very avant garde stuff if they all go at once.

quote

Select your audio file on your FW page

Item>Extended Create a new name/value pair of autostart:false for each audio file (under the Embed Tab)

That should do the trick.

David

quote

thanks so much dave, I know my questions are elementary and as I mentioned before I am a musician not a coder. But I am not sure what this means:

On 15 Nov 2010, 12:04 am, DeltaDave wrote:

Item>Extended Create a new name/value pair of autostart:false for each audio file (under the Embed Tab)

When I create a new name/pair value, what do I do?

thanks.

quote

Select your QT item on your Page

In the Item menu go down to choose Extended

A dialogue box will open showing the extended attributes for your QT file.

You will not have any so you have to create a new one. Click the New button.

The Name should be autostart and the Value false

OK the dialogue boxes

Upload and try it.

David

quote

worked like magic. hah. So simple.

bless you.

cheers.

quote

On Nov 22, 2010, at 6:57 PM, aleos wrote:

When I create a new name/pair value, what do I do?

Click once on the MP3 in Freeway, and open the Item / Extended dialog. Make sure the Make sure the Embed tab is selected. Click on the New… button, and in the sub-dialog that appears, add the name/value pair that Dave mentioned using the Name and Value fields of the sub-dialog. Okay out of the teetering stack of dialogs and test in a browser.

Walter

quote

Make sure the Embed tab is selected.

Thanks Walter I should have said that - fortunately it is the first Tab when it is an mp3.

D

quote

Great action Tim! Saves a lot of mucking around with xml files. The only problem I have is that I’m not sure how to add songs after the first one.

Other actions have an action pane which has, say 1-25 but there seems to be no option for this.

Hope you can help.

All best wishess

Dick

quote

If you mean the Yahoo Player then you need a new instance of the action for each track.

David

quote

Cheers Dave. Seems a bit clunky, but I’ll give it a go On 15 Mar 2011, at 17:49, DeltaDave wrote:

Dick

If you mean the Yahoo Player then you need a new instance of the action for each track.

David

Dick Tapsall

Web Design and Training Consultant Voluntary Sector Management Standards Consultant

Tel: 0208 808 9560 (d) 07970 545 837 (m) email: email@hidden website: http://www.webdesignworks.org Registered address: 82 Broadwater Rd, London N17 6ET Blog: http://travelswithcharlievan.blogspot.com/

quote

Hi Dick, It is a bit clunky as the action is defining the link text and tooltip for the sound file. It is also managing the file management for you as well so the sound gets uploaded when the site is published. You could set the Add media control to URL and point it a page of mp3 links where it will automatically extract the sounds and add them to a playlist for you automatically. You could then add the tracks to the page normally (without the Action) although you would have to upload the tracks manually. Have a play and let me know how you get on with this. Regards, Tim.

On 15 Mar 2011, at 18:01, Dick Tapsall wrote:

Cheers Dave. Seems a bit clunky, but I’ll give it a go

FreewayActions.com - Freeware and commercial actions for Freeway Express & Pro. ………………………………………………………………………… Protect your mailto links from being harvested by spambots with Anti Spam. Only available at FreewayActions.com ………………………………………………………………………… http://www.freewayactions.com

quote

Thanks Tim.

Im going to give your suggestion a go. Clunky or not, it beats having to change the xml file that most players use - I think. Will let you know how I get on.

all best wishes,

Dick On 15 Mar 2011, at 18:10, Tim Plumb wrote:

Hi Dick, It is a bit clunky as the action is defining the link text and tooltip for the sound file. It is also managing the file management for you as well so the sound gets uploaded when the site is published. You could set the Add media control to URL and point it a page of mp3 links where it will automatically extract the sounds and add them to a playlist for you automatically. You could then add the tracks to the page normally (without the Action) although you would have to upload the tracks manually. Have a play and let me know how you get on with this. Regards, Tim.

On 15 Mar 2011, at 18:01, Dick Tapsall wrote:

Cheers Dave. Seems a bit clunky, but I’ll give it a go

FreewayActions.com - Freeware and commercial actions for Freeway Express & Pro. ………………………………………………………………………… Protect your mailto links from being harvested by spambots with Anti Spam. Only available at FreewayActions.com ………………………………………………………………………… http://www.freewayactions.com

Dick Tapsall

Web Design and Training Consultant Voluntary Sector Management Standards Consultant

Tel: 0208 808 9560 (d) 07970 545 837 (m) email: email@hidden website: http://www.webdesignworks.org Registered address: 82 Broadwater Rd, London N17 6ET Blog: http://travelswithcharlievan.blogspot.com/

quote

Hi Tim,

had a play with your action and appreciate it (as ever). However if you try to click a media in iDevices suddenly nothing will happen :-).

If I add the player “manually”, the iDevices is ignoring the player, but the mp3 stream is (cause of the simple link) playable. This makes me wonder, cause the handcoded one seems to play then as cross-browser as possible.

Unfortunately - the hand coded one has all the nasty stuff that can be easily turned-off via your action so:

Could you either point me on how to turn off this stuff (hack) or could you review the action so it falls back to be a simple mp3 link in order to play them on iStuff as well?

My example page btw:

http://www.kimmich-dm.de/testings/music.php

I did this as a request on my small german forum and the guy doesn’t like the “uggly quick-time grey-bar” - frankly open spoken, I do not really prefer this, too.

Cheers

Thomas

quote

Hi there

I came across this link for an MP3 player that doesn’t require flash

http://cssrevolt.com/upload/files/pimp3/

Given that it uses Freeway favourites Prototype and Scriptaculous I was wondering just how easy it could be to incorporate this in a page or ‘actionise’ it?

All the best

Gordon http://www.gordonlow.net/

quote

Yes - I have tried Pimp but not had great deal of success with it’s looks or operation in FW

There must be better out there.

David

quote

Just bought Freeway Express and am trying to get to grips with designing an online radio station that can play prerecorded features and interviews…this thread has been v. helpful…

Does anybody have experience of doing something like this?

Cheers

quote

Tim,

I’d like to offer you some feedback on your Yahoo WebPlayer. First of all, your naming may have been right when you made the action, but it is confusing now. “Yahoo Media Player” is a very different beast, based on Flash. “Yahoo Web Player” is what your action deals with — no Flash or other browser plug-ins required. Therefore, you should change the name to Yahoo WebPlayer.”

Next, when I tested your web page in Internet Explorer 8 on WindowsXP, the browser started to DOWNLOAD the file when I clicked on it!

http://www.freewayactions.com/test/yahoo-media-player/

However, when I installed your action and tested my Freeway-generated web page, I found that all was well in IE 8, and the Yahoo WebPlayer interface displays properly. Perhaps your example web page uses an older version of your action that has a bug? Anyway, here is my test page that works fine in Explorer (using your action):

http://www.kiramek.com/21test95/test/test.html

The biggest problem I found is that your action offers two checkbox options that appear to be broken:

• Hide the Yahoo logo • Hide the Learn More panel

It doesn’t matter if you tick these options or not, the result in the browser is the same. Furthermore, the Yahoo logo only displays when you click the little Play icon or text associated with that icon. Then with the flip-out panel appears at bottom, you then see the Yahoo logo. And the only place you see “Learn More” is if you hold your mouse over the Yahoo logo.

I must say that it would be nice if you could somehow eliminate that PLAYLIST button. It eats up too much vertical space when the user clicks it, so I would prefer not to allow my users to click it at all, if possible. But as of right now, there’s no way to ensure they can’t click on it. Also, if the “webplayer” logo could also be eliminated, the vertical height of that pop-out would be nicely decreased. I don’t know if this is possible for you to hack or not, but they would be significant improvements.

Lastly, I’d like to state why I like this player. Until now, I’ve used Freeway’s HTML box “pass-thru” import for my MP3 and WAV audio files. But sadly, that isn’t true “pass-thru” insofar as it relies on QuickTime in the browser. No big deal for Mac and iOS users, but some of my Windows users hate to be forced to install QuickTime. And to be compatible with iOS, I cannot use Flash solutions. Hence, this Yahoo player is a nice solution in nothing more than HTML and JavaScript. (I just wish that tiny play button icon could be made bigger, and I loath the fact I cannot hide that “playlist” button from my users.)

Best,

James Wages

quote

Or is it better to use jplayer instead? http://jplayer.org/latest/quick-start-guide/step-1/

jplayer appears to be more customizable. However, it appears to be much harder and more troublesome to implement in an existing Freeway document than using Tim’s Action to get Yahoo WebPlayer to work.

Thanks,

James Wages

quote

Hi there, I would be interested too to find an elegant solution for embeeding mp3 files, which can be used by as many users as possible.

Nice thread!

Cheers, Hanna

quote

Tim? Everyone else? Are you folks all still on vacation?

I still seek answers to my previous two posts in this thread.

Thank you,

James Wages

quote

Hi James, Yahoo updated the old Media Player which was based on Flash and migrated over to the JS Web Player. Unfortunately the example at http://www.freewayactions.com/test/yahoo-media-player/ was built using the original Media Player Action and now uses the new Web Player back end. As such some of the features won’t directly match up and what is really needed is a rewrite using the new Web Player code. Until that happens you can integrate the code manually using the Web Player example code; http://webplayer.yahoo.com/get/ Regards, Tim.

On 26 Dec 2011, at 08:23, JDW wrote:

Tim,

I’d like to offer you some feedback on your Yahoo WebPlayer. First of all, your naming may have been right when you made the action, but it is confusing now. “Yahoo Media Player” is a very different beast, based on Flash. “Yahoo Web Player” is what your action deals with — no Flash or other browser plug-ins required. Therefore, you should change the name to Yahoo WebPlayer.”

Next, when I tested your web page in Internet Explorer 8 on WindowsXP, the browser started to DOWNLOAD the file when I clicked on it!

http://www.freewayactions.com/test/yahoo-media-player/

However, when I installed your action and tested my Freeway-generated web page, I found that all was well in IE 8, and the Yahoo WebPlayer interface displays properly. Perhaps your example web page uses an older version of your action that has a bug? Anyway, here is my test page that works fine in Explorer (using your action):

http://www.kiramek.com/21test95/test/test.html

The biggest problem I found is that your action offers two checkbox options that appear to be broken:

• Hide the Yahoo logo • Hide the Learn More panel

It doesn’t matter if you tick these options or not, the result in the browser is the same. Furthermore, the Yahoo logo only displays when you click the little Play icon or text associated with that icon. Then with the flip-out panel appears at bottom, you then see the Yahoo logo. And the only place you see “Learn More” is if you hold your mouse over the Yahoo logo.

I must say that it would be nice if you could somehow eliminate that PLAYLIST button. It eats up too much vertical space when the user clicks it, so I would prefer not to allow my users to click it at all, if possible. But as of right now, there’s no way to ensure they can’t click on it. Also, if the “webplayer” logo could also be eliminated, the vertical height of that pop-out would be nicely decreased. I don’t know if this is possible for you to hack or not, but they would be significant improvements.

Lastly, I’d like to state why I like this player. Until now, I’ve used Freeway’s HTML box “pass-thru” import for my MP3 and WAV audio files. But sadly, that isn’t true “pass-thru” insofar as it relies on QuickTime in the browser. No big deal for Mac and iOS users, but some of my Windows users hate to be forced to install QuickTime. And to be compatible with iOS, I cannot use Flash solutions. Hence, this Yahoo player is a nice solution in nothing more than HTML and JavaScript. (I just wish that tiny play button icon could be made bigger, and I loath the fact I cannot hide that “playlist” button from my users.)

FreewayActions.com - Freeware and commercial actions for Freeway Express & Pro. ………………………………………………………………………… Protect your mailto links from being harvested by spambots with Anti Spam. Only available at FreewayActions.com ………………………………………………………………………… http://www.freewayactions.com

quote

Tim, thanks for you reply. Unfortunately, “integrating the code manually” doesn’t solve the problems I discussed in my previous post. Namely, the elimination of the PLAYLIST button (which eats up too much vertical space when opened) and the elimination of the “webplayer” logo (to decrease the vertical height of the player).

Furthermore, in some cases, that slide out controller at the bottom of the screen is unnecessary and unwanted. It would be nice if there was a way to just click the tiny play icon to start the audio playing, and then click it again (which pauses the audio). But right now, once you click the tiny play icon, that slide out always slides out!

So I think there is sufficient reason to have an updated Action that would address these failings of the current player. As it stands now, I won’t use the current player because I cannot control the aforementioned features.

Best,

James Wages

quote