Xenforo 2 Eklentisiz Profil Müziği Nasıl Yapılır 2018-11-03

TurkBinGazi' Alıntı:

Bende kullanmıştım bunu.
İmgur yüzünden js dosyasını ve resimleri düzenleyerek kendi sunucuma almıştım.

Verdiğim dosyadaki ytprofilemusic.js yi açın ve koddaki

Kod:

https://trgamers.com/ytprofilemusic/

bulun ve gereken yere site adresinizi yazın ve kaydedin.Dosyayı sitenizin kök dizinine atın.

Kod:

function onYouTubeIframeAPIReady(){var e=document.getElementById("youtube-audio"),t=document.createElement("img");t.setAttribute("id","youtube-icon"),t.style.cssText="cursor:pointer;cursor:hand",e.appendChild(t);var a=document.createElement("div");a.setAttribute("id","youtube-player"),e.appendChild(a);var o=function(e){var a=e?"stop.png":"play.png";t.setAttribute("src","https://trgamers.com/ytprofilemusic/"+a)};e.onclick=function(){r.getPlayerState()===YT.PlayerState.PLAYING||r.getPlayerState()===YT.PlayerState.BUFFERING?(r.pauseVideo(),o(!1)):(r.playVideo(),o(!0))};var r=new YT.Player("youtube-player",{height:"0",width:"0",videoId:e.dataset.video,playerVars:{autoplay:e.dataset.autoplay,loop:e.dataset.loop},events:{onReady:function(e){r.setPlaybackQuality("small"),o(r.getPlayerState()!==YT.PlayerState.CUED)},onStateChange:function(e){e.data===YT.PlayerState.ENDED&&o(!1)}}})}

member_view şablonuna ekliyeceğiniz kodda

Kod:

<script src="https://trgamers.com/ytprofilemusic/ytprofilemusic.js"></script>

bulun ve kendi sitenize göre düzenleyin.

Kod:

<xf:if is="$user.Profile.custom_fields.muzikprofile != '' ">
<dl class="pairs pairs--rows pairs--rows--centered fauxBlockLink">
    <dt>{$user.Profile.custom_fields.getDefinition('muzikprofile').title}</dt>
    <dd>
        <style>
            #youtube-audio img{
                height:25px;
                margin-top:15px;
            }
        </style>
        <div data-video="{$user.Profile.custom_fields.muzikprofile}"
            data-autoplay="1" 
            data-loop="1"
             id="youtube-audio">
        </div>
        <script>
            $(document).ready(function(){
              $('#youtube-icon').simulate('click');//Tarayıcıların autoplay protokolüne karşı yazılmış ve play butonuna jquery ile otomatik tıklatma yapıyoruz.
            });
        </script>
        <script src="https://www.youtube.com/iframe_api"></script>
        <script src="https://trgamers.com/ytprofilemusic/ytprofilemusic.js"></script>
    </dd>
</dl>
</xf:if>

Geriye kalan kısmı zaten arkadaş anlatmış.
Hayırlı olsun!

Genişletmek için tıkla ...

TurkBinGazi' Alıntı:

Bende kullanmıştım bunu.
İmgur yüzünden js dosyasını ve resimleri düzenleyerek kendi sunucuma almıştım.

Verdiğim dosyadaki ytprofilemusic.js yi açın ve koddaki

Kod:

https://trgamers.com/ytprofilemusic/

bulun ve gereken yere site adresinizi yazın ve kaydedin.Dosyayı sitenizin kök dizinine atın.

Kod:

function onYouTubeIframeAPIReady(){var e=document.getElementById("youtube-audio"),t=document.createElement("img");t.setAttribute("id","youtube-icon"),t.style.cssText="cursor:pointer;cursor:hand",e.appendChild(t);var a=document.createElement("div");a.setAttribute("id","youtube-player"),e.appendChild(a);var o=function(e){var a=e?"stop.png":"play.png";t.setAttribute("src","https://trgamers.com/ytprofilemusic/"+a)};e.onclick=function(){r.getPlayerState()===YT.PlayerState.PLAYING||r.getPlayerState()===YT.PlayerState.BUFFERING?(r.pauseVideo(),o(!1)):(r.playVideo(),o(!0))};var r=new YT.Player("youtube-player",{height:"0",width:"0",videoId:e.dataset.video,playerVars:{autoplay:e.dataset.autoplay,loop:e.dataset.loop},events:{onReady:function(e){r.setPlaybackQuality("small"),o(r.getPlayerState()!==YT.PlayerState.CUED)},onStateChange:function(e){e.data===YT.PlayerState.ENDED&&o(!1)}}})}

member_view şablonuna ekliyeceğiniz kodda

Kod:

<script src="https://trgamers.com/ytprofilemusic/ytprofilemusic.js"></script>

bulun ve kendi sitenize göre düzenleyin.

Kod:

<xf:if is="$user.Profile.custom_fields.muzikprofile != '' ">
<dl class="pairs pairs--rows pairs--rows--centered fauxBlockLink">
    <dt>{$user.Profile.custom_fields.getDefinition('muzikprofile').title}</dt>
    <dd>
        <style>
            #youtube-audio img{
                height:25px;
                margin-top:15px;
            }
        </style>
        <div data-video="{$user.Profile.custom_fields.muzikprofile}"
            data-autoplay="1" 
            data-loop="1"
             id="youtube-audio">
        </div>
        <script>
            $(document).ready(function(){
              $('#youtube-icon').simulate('click');//Tarayıcıların autoplay protokolüne karşı yazılmış ve play butonuna jquery ile otomatik tıklatma yapıyoruz.
            });
        </script>
        <script src="https://www.youtube.com/iframe_api"></script>
        <script src="https://trgamers.com/ytprofilemusic/ytprofilemusic.js"></script>
    </dd>
</dl>
</xf:if>

Geriye kalan kısmı zaten arkadaş anlatmış.
Hayırlı olsun!

Genişletmek için tıkla ...

alonewolf' Alıntı:

Çok saolun sorun çözüldü efendim bir tek png çok aşağıda onu yukarı çekmek kaldı

Genişletmek için tıkla ...

margin-top:15px;

Orjinalinde imgurdan çekilen resimler değiştirilerek hata düzeltilmiştir.

Genişletmek için tıkla ...

mkucuksari' Alıntı:

Geçenlerde IExlusive arkadaşımızın aradığı bir modifikasyon gibi gözüküyor, ellerine sağlık.

Genişletmek için tıkla ...

Evet hocam aradığım bir modifikasyon üzerinde değişikler yapıp öyle ekliyeceğim. Bu arada herkese teşekkür ederim herkes seferber oldu konumun için D denizci-1 teşekkürlerimi iletiyorum böyle bir sorunum olup vaktini ayırarak kodları hazırlayıp paylaşıyorsun. Konumun en başından beri takip ederek ve sorunumun çözümü için uğraşan mkucuksari hocam size de teşekkür ederim.

aleov' Alıntı:

Öncelikle kaynak için teşekkür ediyorum, iki sorum olacak. resimde gördüğünüz gibi postbite gelen videoya tıklandığında (tıklama yeri sol alt köşeye denek geldiği için) direk youtube a gidiyor, oysa ben videonun ortalanmasını ve play tuşuna basınca site üzerinden dinlenmesini istiyorum(sitede ne kadar çok zaman geçirirse seo açısından o kadar iyi) şayet bunu başaramazsakpostbitten bu alanı kaldırmak zorunda kalacağım ve sadece profilde gözükecek..

ikinci sorum ise, profile şarkı ekleyenlere ödül tanımladım ama otomatik olarak ödül eklemiyor maalesef burada sorun ne olabilir?

Genişletmek için tıkla ...

aleov' Alıntı:

Hocam bi tek ona mı takıldınız içerikler yeterli seviyeye ulaşmadığından seo kısmından sitenin bir kısmını aramalara açmayı düşünüyorum şuan önceliği içeriği arttırmak.

Genişletmek için tıkla ...