Jump to content

Close
Photo

Embedded MP3 Music Bar


  • This topic is locked This topic is locked
17 replies to this topic

#1 Dreamer

Dreamer

    Legendary Ninja

  • Legendary Ninja
  • PipPipPipPipPip
  • 3,952 posts
  • Gender:Male

Posted 10 September 2011 - 01:22 AM

I noticed NF has a cool MP3 music bar function with Youtube [YMP3] [/YMP3], I think it would be pretty cool for signatures and the forum in general on H&E to have. cool.gif

Edited by Dreamer, 10 September 2011 - 01:25 AM.


#2 Fyuria'sLeo

Fyuria'sLeo

    Dork

  • S-Class Missing Nin
  • PipPipPipPipPip
  • 2,847 posts
  • Gender:Male
  • Location:Boston
  • Interests:Space, Video Games, Drawing, Writing, Science, Reading, Friendship. Mostly things about space.

Posted 10 September 2011 - 02:11 AM

I like this Idea. I second this.

8c5a9c63d23baf4e9d077bf65597592bb55115a2


#3 Anguyen92

Anguyen92

    Loving hockey games and Hard Rock Music

  • Summoning Master
  • PipPipPip
  • 1,336 posts
  • Gender:Male
  • Location:California
  • Interests:Reading forums, and listening to hard rock/alt rock music.

Posted 10 September 2011 - 03:57 AM

Sure why not, I'll third this.

abiiisig8.jpg

whatcolor_iswhite.jpg


#4 Smiter

Smiter

    ... WHAT?

  • Kage
  • 6,863 posts
  • Gender:Male
  • Location:United Kingdom
  • Interests:Animanga, Art, Books, Gaming, Web Design.(Yes, I am a geek and proud of it)

Posted 13 September 2011 - 06:15 PM

I'll look into this when I get the chance. happy.gif I also need to check our Youtube code as well, since I can no longer full-screen videos on here.

#5 Dreamer

Dreamer

    Legendary Ninja

  • Legendary Ninja
  • PipPipPipPipPip
  • 3,952 posts
  • Gender:Male

Posted 14 September 2011 - 02:33 AM

Thanks man i always knew you was a bro.

#6 Smiter

Smiter

    ... WHAT?

  • Kage
  • 6,863 posts
  • Gender:Male
  • Location:United Kingdom
  • Interests:Animanga, Art, Books, Gaming, Web Design.(Yes, I am a geek and proud of it)

Posted 14 September 2011 - 05:12 PM

No prob, hopefully I'll be able to look at it this Friday, before I go away for the weekend. happy.gif I should be able to fix the video Youtube on that day as well, providing they haven't made too many changes to their code.

#7 Smiter

Smiter

    ... WHAT?

  • Kage
  • 6,863 posts
  • Gender:Male
  • Location:United Kingdom
  • Interests:Animanga, Art, Books, Gaming, Web Design.(Yes, I am a geek and proud of it)

Posted 16 September 2011 - 02:35 PM

OK, I've updated the Youtube code so it's fully working, and looks nice and shiny. smile.gif

The MP3 player isn't so straightforward; it seems like NarutoForums is using a customised player - Youtube only offers video players, and there is no audio-only option. You can still use the normal Youtube tag for music videos, though.

I've googled for music websites, but I haven't found any Youtube-like website that allows you to embed players yet.

#8 Dreamer

Dreamer

    Legendary Ninja

  • Legendary Ninja
  • PipPipPipPipPip
  • 3,952 posts
  • Gender:Male

Posted 17 September 2011 - 01:45 AM

QUOTE (Smiter @ Sep 16 2011, 09:35 AM) <{POST_SNAPBACK}>
OK, I've updated the Youtube code so it's fully working, and looks nice and shiny. smile.gif

The MP3 player isn't so straightforward; it seems like NarutoForums is using a customised player - Youtube only offers video players, and there is no audio-only option. You can still use the normal Youtube tag for music videos, though.

I've googled for music websites, but I haven't found any Youtube-like website that allows you to embed players yet.


Okay! sad.gif

I did find a Youtube Audio Player Generator

#9 Anguyen92

Anguyen92

    Loving hockey games and Hard Rock Music

  • Summoning Master
  • PipPipPip
  • 1,336 posts
  • Gender:Male
  • Location:California
  • Interests:Reading forums, and listening to hard rock/alt rock music.

Posted 17 September 2011 - 02:57 AM

All right, I'm gonna try to test this out

<object width="299" height="25"><param name="movie" value="http://www.youtube-n...></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube-n...H8G-5AR0?hl=en" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="299" height="25"><noembed><a href="http://www.youtube.c...AR0?hl=en"><img src="http://www.gtaero.ne...music/play.png" alt="Play" style="border:0px;" /></a></noembed></object>

Uhhh, does it work like that or do I need to do something else?

Edit: Oh goodness, I'm such an idiot. Jumped the gun too early now did I? So for the record, is this procedure possible?

Edited by Anguyen92, 17 September 2011 - 03:05 AM.

abiiisig8.jpg

whatcolor_iswhite.jpg


#10 Dreamer

Dreamer

    Legendary Ninja

  • Legendary Ninja
  • PipPipPipPipPip
  • 3,952 posts
  • Gender:Male

Posted 17 September 2011 - 04:42 AM

I'm not quite sure either but i believe Smiter would have to embed the code on his end since he's the site creator.

#11 Smiter

Smiter

    ... WHAT?

  • Kage
  • 6,863 posts
  • Gender:Male
  • Location:United Kingdom
  • Interests:Animanga, Art, Books, Gaming, Web Design.(Yes, I am a geek and proud of it)

Posted 20 September 2011 - 07:56 PM

Thanks for the link, Dreamer. smile.gif I can see how it works, it's simply a change of the width/height settings for the Youtube player. I had thought that changing those would simply end up in a tiny screen and tiny controls.

I'll try implementing it now, hopefully I can get it fully working before I have to go to work in 15 mins.

Update:

OK, got a working code now:

<a href='http://www.youtube.com/watch?HgzGwKwLmgM' class='bbc_url' title='External link' rel='nofollow external'><span rel='lightbox'><img class='bbc_img' src="http://www.gtaero.net/ytmusic/play.png" border="0" class="linked-image" /></span></a>

Hopefully this works well. smile.gif It's the youmusic tag, and it works the same way as the youtube tag.

Now off to work!

#12 Anguyen92

Anguyen92

    Loving hockey games and Hard Rock Music

  • Summoning Master
  • PipPipPip
  • 1,336 posts
  • Gender:Male
  • Location:California
  • Interests:Reading forums, and listening to hard rock/alt rock music.

Posted 20 September 2011 - 08:28 PM

Sweet, thanks a million. I already got tried this out and it works find and dandy. So once again ty.

abiiisig8.jpg

whatcolor_iswhite.jpg


#13 Fyuria'sLeo

Fyuria'sLeo

    Dork

  • S-Class Missing Nin
  • PipPipPipPipPip
  • 2,847 posts
  • Gender:Male
  • Location:Boston
  • Interests:Space, Video Games, Drawing, Writing, Science, Reading, Friendship. Mostly things about space.

Posted 20 September 2011 - 08:31 PM

Can someone explain how to do this to me im so confused....Anguyen I know your there tell me dry.gif

Edited by Fyuria'sLeo, 20 September 2011 - 08:44 PM.

8c5a9c63d23baf4e9d077bf65597592bb55115a2


#14 Anguyen92

Anguyen92

    Loving hockey games and Hard Rock Music

  • Summoning Master
  • PipPipPip
  • 1,336 posts
  • Gender:Male
  • Location:California
  • Interests:Reading forums, and listening to hard rock/alt rock music.

Posted 20 September 2011 - 08:50 PM

Oh ok, what you need to do is this [*youmusic] inside of this is the url to the lnk, its pretty much the same thing as the youtube code. [*/youmusic].

Of course you minus the *. Now what this does is pretty much play the video, but it only has audio and no video, which might remove some clutter in the music interest threads.

For example, I have this , and I just put everything that's after the = sign in it.

<a href='http://www.youtube.com/watch?eKBH8G-5AR0' class='bbc_url' title='External link' rel='nofollow external'><span rel='lightbox'><img class='bbc_img' src="http://www.gtaero.net/ytmusic/play.png" border="0" class="linked-image" /></span></a>

If you need a better look at the code, hit the quote button under my post, and then hit the reply button and just look at the code under youmusic.

Edited by Anguyen92, 20 September 2011 - 08:54 PM.

abiiisig8.jpg

whatcolor_iswhite.jpg


#15 Fyuria'sLeo

Fyuria'sLeo

    Dork

  • S-Class Missing Nin
  • PipPipPipPipPip
  • 2,847 posts
  • Gender:Male
  • Location:Boston
  • Interests:Space, Video Games, Drawing, Writing, Science, Reading, Friendship. Mostly things about space.

Posted 20 September 2011 - 08:52 PM

Thank you very much

8c5a9c63d23baf4e9d077bf65597592bb55115a2


#16 Amy-chan

Amy-chan

    Blonde Gamer

  • Chakra Water Walker
  • PipPip
  • 308 posts
  • Gender:Female
  • Location:A place where I belong
  • Interests:Animals

Posted 20 September 2011 - 09:18 PM

Oh cool, this looks fun I'll try it.

Edited by Amy-chan, 20 September 2011 - 09:18 PM.



#17 Dreamer

Dreamer

    Legendary Ninja

  • Legendary Ninja
  • PipPipPipPipPip
  • 3,952 posts
  • Gender:Male

Posted 21 September 2011 - 06:22 AM

Thanks Smiter kun! Admin for the Users!

now to work on a cool set. cool.gif

#18 Dreamer

Dreamer

    Legendary Ninja

  • Legendary Ninja
  • PipPipPipPipPip
  • 3,952 posts
  • Gender:Male

Posted 25 September 2011 - 07:26 AM

Finished my set look out for more in the future.

Edited by Dreamer, 25 September 2011 - 07:27 AM.





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users