Viewing Can i use QuickTime Music in Easyweb?
Can i use QuickTime Music in Easyweb?
|
User: Guest 12 years ago
|
|
|
In iWeb i can use my own created MP3 music files by drag and drop it on my websites. Simply using QuickTime player. (http://www.jeffreylew.nl/fotografie/Muziek.html) Can i do that in Easyweb final version? |
|
| Edit | |
|
User: Roddy 12 years ago
|
|
|
The iWeb method of loading and playing MP3 files was never satisfactory for a number of reasons. Nowadays it is preferable to use HTML5 for media files... http://roddymckay.com/EasyWeb/test/html5-audio.html For the player to work in older browsers, and to avoid the use of an OGG file for Firefox, fallback to flash needs to be added. Here are some examples... http://www.ezmacwebdesign.com/Demo/audi ... ayers.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: Guest 12 years ago
|
|
|
Thanks Roddy, "The iWeb method of loading and playing MP3 files was never satisfactory for a number of reasons. Nowadays it is preferable to use HTML5 for media files... " I try your method in Easyweb but it was not that easy... <audio controls preload="none"> <source src="{!-ASSETSPATH-!}External%20Files/file-name.ogg" /> <source src="{!-ASSETSPATH-!}External%20Files/file-name.mp3" /> </audio> It fails. I try it again later. Maybe i did something wrong. An other issue in Easyweb: Old .gif files i simply use in iWeb won't work any longer?? Is there a way to resolve this? Do i have to make my .gif files al over again? I'am still using Snow Leopard for a number of reasons and i tested a temporary roughly made Site (http://www.jeffreylew.nl/fotostudio/) in Firefox 23.0 Forgive me for my bad English i'am Dutch <!-- s:D --><img src="{SMILIES_PATH}/icon_e_biggrin.gif" alt=":D" title="Very Happy" /><!-- s:D --> Jeff |
|
| Edit | |
|
User: Roddy 12 years ago
|
|
|
Your audio file doesn't work because you have used the wrong syntax for the URL of the files. You have used... <source src="ewExternalFiles/She Believes In Me.ogg"/>... and it should be... <source src="{!-ASSETSPATH-!}External%20Files/track-file-name.ogg" />Also you need to name your files properly with no spaces or with hyphens in the spaces like this... she-believes-in-me.ogg The same applies to any file that will be part of a URL such as images and movies. No spaces or special characters! ------------------------------- 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: Paul-RAGESW 12 years ago
|
|
|
Quote: <source src="ewExternalFiles/She Believes In Me.ogg"/> <source src="ewExternalFiles/She Believes In Me.mp3"/> EasyWeb converts the file paths to this when publishing so the code is entered correctly but the mp3 files weren't uploaded for some reason. Are these files added to your assets list? ------------------------------- Paul EverWeb Developer |
|
|
User: Guest 12 years ago
|
|
|
Hi Paul, I added to the assets list in: EXTERNAL FILES she-believes-in-me.ogg she-believes-in-me.mp3 The code in the Easyweb Widget: <audio controls preload="none"> <source src="{!-ASSETSPATH-!}External%20Files/she-believes-in-me.ogg" /> <source src="{!-ASSETSPATH-!}External%20Files/she-believes-in-me.mp3" /> </audio> I can see the player on the published test site (http://www.jeffreylew.nl/fotostudio/muziek.html), when i try to "play" the player is gone. |
|
| Edit | |
|
User: Roddy 12 years ago
|
|
|
The OGG file is not found by the browser so the player won't work in Firefox. Try the code this way and at least it will work in Safari, Chrome, IE 10... <audio controls> <source src="http://www.jeffreylew.nl/fotostudio/ewExternalFiles/she-believes-in-me.mp3" /> <source src="http://www.jeffreylew.nl/fotostudio/ewExternalFiles/she-believes-in-me.ogg" /> </audio> ------------------------------- 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: Guest 12 years ago
|
|
|
Hi Roddy, Your new syntax code: <audio controls> <source src="http://www.jeffreylew.nl/fotostudio/ewExternalFiles/she-believes-in-me.mp3" /> <source src="http://www.jeffreylew.nl/fotostudio/ewExternalFiles/she-believes-in-me.ogg" /> </audio> finally works! But only in Safari and Chrome. It will not work in Firefox 23, Opera, Flock and Camino. Thanks anyway, Jeff |
|
| Edit | |
|
User: Roddy 12 years ago
|
|
|
The OGG file is not found so it won't work in some browsers. Are you sure you loaded the OGG into EasyWeb? Did you test the OGG file to see that it worked? To get audio to play in all browsers and devices you need to use a player with flash fallback. Here's some examples... http://www.ezmacwebdesign.com/Demo/audio-player-master/audio-players.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: Guest 12 years ago
|
|
|
Hi Roddy, I think i am fairly sure the OGG loaded in Easyweb. When i click the OGG (she-believes-in-me.ogg) in Assets i seen the picture below. [OGG.png]. When i click on the OGG picture, Audacity 2.0.3. starts on my MacBook and i see the editing window with the waveform. I can start the OGG she-believes-in-me song in Audacity. For the moment its not that easy in Easyweb beta as it is in iWeb to put your home made music on your website. But i won't give up <!-- s:D --><img src="{SMILIES_PATH}/icon_e_biggrin.gif" alt=":D" title="Very Happy" /><!-- s:D --> How do i get a player with flash fallback in Easyweb as you show at http://www.ezmacwebdesign.com/Demo/audi ... ayers.html. How can i install such player in Easyweb, or what is de audio syntax code? |
|
 Audacity.png  OGG.png |
|
| Edit | |
|
User: Roddy 12 years ago
|
|
|
This player has been requested in another topic too... http://ragesw.net/easyweb-beta/viewtopic.php?f=5...t=610 If I knew what style of player was required - button, button + progress + volume or the full sized player - I would do a tutorial. ------------------------------- 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: Guest 12 years ago
|
|
| Roddy, I have a personal website that I change every month and distribute within a limited group of people. It is not a public website and I don't want people to be able to download any music that I put on the website. It is strictly for ambiance. So I need a minimal audio player that I can drag a song from my ITunes library into this player to play on the website. The QuickTime method is just too complicated. Simplicity is what I am looking for. It would be great if you could make my wish come true. <!-- s:roll: --><img src="{SMILIES_PATH}/icon_rolleyes.gif" alt=":roll:" title="Rolling Eyes" /><!-- s:roll: --> | |
| Edit | |
|
User: Roddy 12 years ago
|
|
|
There's been no clue from the developers as to how they intend to implement audio - or video. Both QuickTime and HTML5 have their limitations. You really need a player that will use HTML5 with a single MP3/MP4 audio file and fallback to flash for older browsers.I demoed some players with variations here... http://www.ezmacwebdesign.com/Demo/audio-player-master/audio-players.html Setting this up takes a little time but regularly changing the track would be easy. ------------------------------- 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: Guest 12 years ago
|
|
| Roddy, I have absolutely no programming skills. How would I set something like this up? | |
| Edit | |
|
User: Roddy 12 years ago
|
|
|
It doesn't require programming skills - just an ability to drag and drop and copy and paste! This is the player that I would use.... http://roddymckay.com/EasyWeb/test/mediaelement-audio.html I suppose I should attempt to put together some instructions? ------------------------------- 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. |