Viewing iWeb Audio/Photo/Movies/Widgets

iWeb Audio/Photo/Movies/Widgets



User: scot 12 years ago
I have gone through the Videos a few times. There was a feature that you could add an MP3 and it would request an image above it. Being a music composer/producer I have pages that feature a couple of pieces of music and it was nice to import the mp3 and simply place an image above the audio play button. Am I missing where this might be?

Thank you as always.

Down to the last 3 pages of the site!

Gotta love EasyWeb and Paul's patience!
User: Roddy 12 years ago
See this topic...

http://ragesw.net/easyweb-beta/viewtopic.php?f=6...t=896

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: scot 12 years ago
OK that was clear as mud <!-- s:D --><img src="{SMILIES_PATH}/icon_e_biggrin.gif" alt=":D" title="Very Happy" /><!-- s:D -->
There is a site that I defiantly don't need to be as complex but.. http://8dio.com

Here are the last 3 pages I am needing to complete.

http://www.scotrammermusic.com/Scot_Ram ... _Page.html
http://www.scotrammermusic.com/Scot_Ram ... Kings.html
http://www.scotrammermusic.com/Scot_Ram ... racks.html

I understand that quicktime has been an issue, it always has with PC users etc.
So I sort of understand, I use high end audio software, not that that matters but when I write the correct code the mp3 files will play in most browsers?
Which widget do I begin with? html?

Do I copy the code you had posted Roddy but with my files and their names with a - so as to not have a space and where do I file it?

Thank you for holding my hand through this Paul!
User: Roddy 12 years ago
You would drag your mp3 and OGG files into the Assets, control click them to get the relative URL and paste it into the code...

http://roddymckay.com/EasyWeb/test/html5-audio.html

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: scot 12 years ago
Roddy,
Thank you for the response. What is the OGG file?

TY
User: Roddy 12 years ago
Firefox can't play MP3s so you need to add an OGG file. The page I linked to above gives a clue how to create this using Miro.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: scot 12 years ago
This site seems to be video related.

http://roddymckay.com/EasyWeb/test/html5-audio.html

All I am dealing with audio only.

Do I need to deal with ogg?

Again, I truly appreciate your help!
User: Roddy 12 years ago
If you want your tracks to play in Firefox you need an OGG file. Either that or you will have to use a player that falls back to flash and that is not quite so simple.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: scot 12 years ago
Ho Roddy.

I have taken your advice and I truly appreciate your help. Not that it matters but as I look at the page I developed the dialog goes way outside the box. Is this nomad?
User: Roddy 12 years ago
You are pasting the code into an HTML Snippet?

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: scot 12 years ago
Hi Roddy,

So far everything has gone onion a html snippet. The words go on and on...

I have a site coming that has about 10 mp3/ogg with pics and that will be a mess if it looks like this.
User: scot 12 years ago
Here's what it looks like...

/Users/MacBookPro/Desktop/Screen Shot 2013-09-05 at 9.51.33 AM.jpg
User: Roddy 12 years ago
When you are posting a reply you will see a button below the window for uploading an attachment so that others can see your screenshot.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.
User: scot 12 years ago
Thank you! Here you go...

Screen Shot 2013-09-05 at 9.51.33 AM.jpg
User: Roddy 12 years ago
You need to drag both the OGG and the MP3 into Assets in EasyWeb.

Control click each one in turn in the assets list and select "Copy Relative Path"

Paste these paths into this code...

<audio controls>
<source src="{!-ASSETSPATH-!}External%20Files/file-name.ogg" />
<source src="{!-ASSETSPATH-!}External%20Files/file-name.mp3" />
</audio>


... replacing this...

{!-ASSETSPATH-!}External%20Files/file-name.ogg

and this...

{!-ASSETSPATH-!}External%20Files/file-name.mp3

with your own URLS.

Drag an HTML Snippet onto the page, paste in the code and click the Apply button.

Adjust the Widget size to suit the player and drag it into position on the page.

Click the Preview button to view the page in the browser and test the player in Safari or Chrome for the MP3 and Firefox for the OGG.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.