The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Profile Song. Javascript help.

View previous topic View next topic Go down

Solved Profile Song. Javascript help.

Post by Eugeo Igvalt on December 16th 2014, 9:27 pm

I recently visited a Forum and when you visit their profile a song of their choice begins playing. I messaged the user and he told me this was done in JS by creating a profile field that's able to play youtube videos and play the song of your choice that's on youtube. He of course could not give me the code since it doesn't belong to him, but I was wondering if someone here can help me with that.

Tagging: @Jscript


Last edited by Eugeo Ayano on January 15th 2015, 3:18 am; edited 1 time in total

Eugeo Igvalt
Forumember

Male Posts : 287
Reputation : 17
Language : EN, SPA
Location : Puerto Rico

http://www.NewbForums.com

Back to top Go down

Solved Re: Profile Song. Javascript help.

Post by JScript on December 16th 2014, 10:01 pm

Hello!

I have not seen anything about it, but can be done in different ways, here are some examples:
http://www.phon.ucl.ac.uk/home/mark/audio/play3.htm
https://github.com/admsev/jquery-play-sound

Or put an <audio> element on your page, Then get your audio element and call the play() method: document.getElementById('yourAudioTag').play();

Or something like that:
Code:

_playSound function (url) {
document.getElementById ("sound") innerHTML = "<embed src = '" + url + "' hidden = true autostart = true loop = false>.";
}

JS

JScript
Forumember

Male Posts : 741
Reputation : 168
Language : PT-BR, EN
Location : Brazil

http://jscript.forumeiros.com/

Back to top Go down

Solved Re: Profile Song. Javascript help.

Post by CrystalSoul on December 16th 2014, 10:14 pm

http://www.avacweb.com/t1482-profile-songs-for-phpbb-2?highlight=profile+songs

Hey, here is the code but you need to adjust it depending on what type of forum you have and the profile field you are going to use. Smile

CrystalSoul
Forumember

Male Posts : 149
Reputation : 1
Language : English
Location : Egypt

http://yugiohduelacademy.makeforum.co.uk/forum

Back to top Go down

Solved Re: Profile Song. Javascript help.

Post by Eugeo Igvalt on December 30th 2014, 7:25 pm

@CrystalSoul wrote:http://www.avacweb.com/t1482-profile-songs-for-phpbb-2?highlight=profile+songs

Hey, here is the code but you need to adjust it depending on what type of forum you have and the profile field you are going to use. Smile
I had forgotten to get back to this topic. I saw the code but where would I change the forum version since the code is for phpBB2 and I have phpBB3. Also, when I create the profile field what settings do I have to use? Sorry if I sound a bit noobish when it comes to JS @Crystalsoul

Eugeo Igvalt
Forumember

Male Posts : 287
Reputation : 17
Language : EN, SPA
Location : Puerto Rico

http://www.NewbForums.com

Back to top Go down

Solved Re: Profile Song. Javascript help.

Post by Eugeo Igvalt on January 13th 2015, 11:00 pm

Can anyone still help with this?

Eugeo Igvalt
Forumember

Male Posts : 287
Reputation : 17
Language : EN, SPA
Location : Puerto Rico

http://www.NewbForums.com

Back to top Go down

Solved Re: Profile Song. Javascript help.

Post by _Twisted_Mods_ on January 14th 2015, 12:08 am

goto acp>users&groups>profile>

add a new profile text field

then

goto acp>modules>JavaScript management

create a new javascript

title:profmusic
placement: all pages


Code:
$(function(){
if(_userdata.user_level == 1){

$('head').append(' <style>#pflinfo {color: red;font-weight:
bold;background: none repeat scroll 0% 0% black;display:
inline-block;padding: 5px;border: 1px solid white;border-radius:
5px;transition: 2s;}#pflinfo:hover {font-size:3em;padding:
10px;}</style> ')
$('#profile-tab-field-profil dl').each(function(){
$(this).append(' <span id="pflinfo" style="">'+$(this).attr("id")+'</span> ');});

  $('#profile-advanced-details dl').each(function(){$(this).append('
<span id="pflinfo" style="">'+$(this).attr("id")+'</span>
');
});}});

submit

then view someones profile and copy the id of the field you created for the profile music


next replace the first javascript with

Code:
$(function(){
   var proffield = 'field_id-9';
  if(RegExp("/u[0-9]+").test(window.location.pathname)) {
      var mobileAgents = new RegExp("Android|BlackBerry|Blazer|BOLT|SymbianOS|Doris|Mobile|Phone|Fennec|GoBrowser|Iris|Maemo|MIB\/2\.2|Minimo|NetFront|Opera Mini|Opera Mobi|SEMC|Skyfire|Teleca|uZardWeb","i");
      if(mobileAgents.test(navigator.userAgent)) {
        return;
      }
      var profsong = $("dl"+proffield+" dt + dd div:first-of-type") || undefined;
      if(!profsong) {
        return;
      }
      var trueorfalse = profsong.text().trim().charAt(0) !== "-" || false;
      if(trueorfalse) {
            var vid = profsong.text().replace(/\/watch\?v\=/,"/v/"),
                        friends = $('#profile-advanced-right .module:eq(1)'),
            name = $('.page-title span strong'),
            namecolor = name.css('color');
            $('dl#'+proffield).css('display','none').next().css('display','none');
            friends.after('<table width="100%" cellspacing="1" cellpadding="0" border="0" class="forumline"><tbody><tr><td class="catLeft"><span class="genmed module-title"><span style="color: '+namecolor+';"><strong>'+name.text()+'</strong></span>\'s Profile Song</span></td></tr><tr><td><object width= "298" height="24"><param name="movie" value="'+vid+'?autoplay=1&rel=0&fs=0&autohide=0"></param><param name="allowFullScreen" value="false"></param><param name="allowscriptaccess" value="always"></param><embed src="'+vid+'?autoplay=1&rel=0&fs=0&autohide=0" type="application/x-shockwave-flash" allowfullscreen="false" width="298" height="24" allowscriptaccess="always"></embed></object></td></tr></table>');
        } else {
            return;
        }
  } else {
      return;
  }
});

replace
Code:
field_id-9
with new profile field id then submit

add a song to your profile and you should be good 2 go

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Profile Song. Javascript help.

Post by Eugeo Igvalt on January 14th 2015, 6:04 am

Ok I did all the steps, and in the profile field I created I inserted a song from Youtube and saved changes, now this appears on the bottom righ, where it says Demo Account's Profile song but no song is playing or anythinghttp://prntscr.com/5s98qy

Eugeo Igvalt
Forumember

Male Posts : 287
Reputation : 17
Language : EN, SPA
Location : Puerto Rico

http://www.NewbForums.com

Back to top Go down

Solved Re: Profile Song. Javascript help.

Post by _Twisted_Mods_ on January 14th 2015, 6:33 am

whats the url u used for the video?

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Profile Song. Javascript help.

Post by Eugeo Igvalt on January 14th 2015, 4:00 pm

Lol this is the song I used to test it.https://www.youtube.com/watch?v=R3_0Pky8vVg

And I pasted that exact link in the text fieldhttp://prntscr.com/5sdf5q

Eugeo Igvalt
Forumember

Male Posts : 287
Reputation : 17
Language : EN, SPA
Location : Puerto Rico

http://www.NewbForums.com

Back to top Go down

Solved Re: Profile Song. Javascript help.

Post by _Twisted_Mods_ on January 14th 2015, 9:15 pm

it was my fault i missed something

remember to switch ur field id
Code:
    $(function(){
      var proffield = 'field_id-8';
      if(RegExp("/u[0-9]+").test(window.location.pathname)) {
          var mobileAgents = new RegExp("Android|BlackBerry|Blazer|BOLT|SymbianOS|Doris|Mobile|Phone|Fennec|GoBrowser|Iris|Maemo|MIB\/2\.2|Minimo|NetFront|Opera Mini|Opera Mobi|SEMC|Skyfire|Teleca|uZardWeb","i");
          if(mobileAgents.test(navigator.userAgent)) {
            return;
          }
          var profsong = $("dl#"+proffield+" dt + dd div:first-of-type") || undefined;
          if(!profsong) {
            return;
          }
          var trueorfalse = profsong.text().trim().charAt(0) !== "-" || false;
          if(trueorfalse) {
                var vid = profsong.text().replace(/\/watch\?v\=/,"/v/"),
                            friends = $('#profile-advanced-right .module:eq(1)'),
                name = $('.page-title span strong'),
                namecolor = name.css('color');
                $('dl#'+proffield).css('display','none').next().css('display','none');
                friends.after('<table width="100%" cellspacing="1" cellpadding="0" border="0" class="forumline"><tbody><tr><td class="catLeft"><span class="genmed module-title"><span style="color: '+namecolor+';"><strong>'+name.text()+'</strong></span>\'s Profile Song</span></td></tr><tr><td><object width= "298" height="24"><param name="movie" value="'+vid+'?autoplay=1&rel=0&fs=0&autohide=0"></param><param name="allowFullScreen" value="false"></param><param name="allowscriptaccess" value="always"></param><embed src="'+vid+'?autoplay=1&rel=0&fs=0&autohide=0" type="application/x-shockwave-flash" allowfullscreen="false" width="298" height="24" allowscriptaccess="always"></embed></object></td></tr></table>');
            } else {
                return;
            }
      } else {
          return;
      }
    });

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Profile Song. Javascript help.

Post by Eugeo Igvalt on January 15th 2015, 1:14 am

I did everything as instructed. I change Songs to this one just in casehttps://www.youtube.com/watch?v=qgeaoW55Pks

and I replaced the field id which in my case is

Code:
profile_field_13_10


And still this is the only thing that comes out.http://prntscr.com/5sl5ck


This is the last code you posted with the field changed for my forum:

Code:
$(function(){
      var proffield = 'profile_field_13_10';
      if(RegExp("/u[0-9]+").test(window.location.pathname)) {
          var mobileAgents = new RegExp("Android|BlackBerry|Blazer|BOLT|SymbianOS|Doris|Mobile|Phone|Fennec|GoBrowser|Iris|Maemo|MIB\/2\.2|Minimo|NetFront|Opera Mini|Opera Mobi|SEMC|Skyfire|Teleca|uZardWeb","i");
          if(mobileAgents.test(navigator.userAgent)) {
            return;
          }
          var profsong = $("dl#"+proffield+" dt + dd div:first-of-type") || undefined;
          if(!profsong) {
            return;
          }
          var trueorfalse = profsong.text().trim().charAt(0) !== "-" || false;
          if(trueorfalse) {
                var vid = profsong.text().replace(/\/watch\?v\=/,"/v/"),
                            friends = $('#profile-advanced-right .module:eq(1)'),
                name = $('.page-title span strong'),
                namecolor = name.css('color');
                $('dl#'+proffield).css('display','none').next().css('display','none');
                friends.after('<table width="100%" cellspacing="1" cellpadding="0" border="0" class="forumline"><tbody><tr><td class="catLeft"><span class="genmed module-title"><span style="color: '+namecolor+';"><strong>'+name.text()+'</strong></span>\'s Profile Song</span></td></tr><tr><td><object width= "298" height="24"><param name="movie" value="'+vid+'?autoplay=1&rel=0&fs=0&autohide=0"></param><param name="allowFullScreen" value="false"></param><param name="allowscriptaccess" value="always"></param><embed src="'+vid+'?autoplay=1&rel=0&fs=0&autohide=0" type="application/x-shockwave-flash" allowfullscreen="false" width="298" height="24" allowscriptaccess="always"></embed></object></td></tr></table>');
            } else {
                return;
            }
      } else {
          return;
      }
    });

Eugeo Igvalt
Forumember

Male Posts : 287
Reputation : 17
Language : EN, SPA
Location : Puerto Rico

http://www.NewbForums.com

Back to top Go down

Solved Re: Profile Song. Javascript help.

Post by Tonight on January 15th 2015, 1:25 am

For me it is working (phpBB3):

Tonight
Forumember

Male Posts : 241
Reputation : 63
Language : Estonian, English, Russian
Location : Estonia

Back to top Go down

Solved Re: Profile Song. Javascript help.

Post by _Twisted_Mods_ on January 15th 2015, 1:50 am

can you provide me with a account to login, and link to that profile

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Profile Song. Javascript help.

Post by Eugeo Igvalt on January 15th 2015, 2:42 am

Sent in a PM

Eugeo Igvalt
Forumember

Male Posts : 287
Reputation : 17
Language : EN, SPA
Location : Puerto Rico

http://www.NewbForums.com

Back to top Go down

Solved Re: Profile Song. Javascript help.

Post by _Twisted_Mods_ on January 15th 2015, 3:15 am

the field was not set to be visible in profiles .. also you used the field id from the edit profile page ..not the view profile page .. and lastly it has to be a youtube url.... but you should be good to go now i fixed everything for you

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Profile Song. Javascript help.

Post by Eugeo Igvalt on January 15th 2015, 3:17 am

I just visited your temporary profile I can hear the song!!

So happy this is finally solved!!!! Thank you very much.

Eugeo Igvalt
Forumember

Male Posts : 287
Reputation : 17
Language : EN, SPA
Location : Puerto Rico

http://www.NewbForums.com

Back to top Go down

Solved Re: Profile Song. Javascript help.

Post by _Twisted_Mods_ on January 15th 2015, 3:20 am

your welcome

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Profile Song. Javascript help.

Post by _Twisted_Mods_ on January 15th 2015, 4:14 am

Update if other code dont work use this one

Code:

      $(function(){
          var proffield = 'JS_field_id10';
          if(RegExp("/u[0-9]+").test(window.location.pathname)) {
              var mobileAgents = new RegExp("Android|BlackBerry|Blazer|BOLT|SymbianOS|Doris|Mobile|Phone|Fennec|GoBrowser|Iris|Maemo|MIB\/2\.2|Minimo|NetFront|Opera Mini|Opera Mobi|SEMC|Skyfire|Teleca|uZardWeb","i");
              if(mobileAgents.test(navigator.userAgent)) {
                return;
              }
              var profsong = $("#"+proffield+" .field_uneditable") || undefined;
              if(!profsong) {
                return;
              }
              var trueorfalse = profsong.html().trim().charAt(0) !== "-" || false;
              if(trueorfalse) {
                    var vid = profsong.text().replace(/\/watch\?v\=/,"/v/"),
                                friends = $('#profile-advanced-right .module:eq(1)'),
                    name = $('.page-title span strong'),
                    namecolor = name.css('color');
                    $('dl#'+proffield).css('display','none').next().css('display','none');
               
                    friends.after('<table width="100%" cellspacing="1" cellpadding="0" border="0" class="forumline"><tbody><tr><td class="catLeft"><span class="genmed module-title"><span style="color: '+namecolor+';"><strong>'+name.text()+'</strong></span>\'s Profile Song</span></td></tr><tr><td><object width= "298" height="24"><param name="movie" value="'+vid+'?autoplay=1&rel=0&fs=0&autohide=0"></param><param name="allowFullScreen" value="false"></param><param name="allowscriptaccess" value="always"></param><embed src="'+vid+'?autoplay=1&rel=0&fs=0&autohide=0" type="application/x-shockwave-flash" allowfullscreen="false" width="298" height="24" allowscriptaccess="always"></embed></object></td></tr></table>');
                } else {
                    return;
                }
          } else {
              return;
          }
        });

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Profile Song. Javascript help.

Post by Derri on January 19th 2015, 1:13 am

Since topic is marked solved I'll move this to the archives.


Forum Rules: :Forumotion Staff: :Appeal A Warning: :FAQ: :Tips & Tricks: :Forgotten Password/Login Issues
You need one post to send a PM
When your topic has been solved, ensure you mark the topic solved
Never post your email in public


Derri
Administrator
Administrator

Male Posts : 8385
Reputation : 576
Language : English & Basic French
Location : Scotland, United Kingdom

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum