Witajcie! W tym poradniku pokaże Wam w jaki sposób łatwo możecie uzyskać jeden z dwóch dostępnych widget'ow internetowego odtwarzacza Spotify na waszej stronie.

1 Dodajemy MyCode


Pierwszym krokiem jaki musimy wykonać to dodawnie do naszego forum nowego znacznika MyCode.
W tym celu udajemy się do:

ACP > Konfiguracja > MyCode

Teraz z górnej belki wybieramy opcje Nowy MyCode i uzupełniamy, według wzoru:

Tytuł: (bez znaczenia - dla przykładu) Spotify
Opis: (również przykładowy) Zamienia MyCode na odtwarzacz internetowy Spotify
Wyrażenie regularne:  \[spotify\](.*?)\[/spotify\]

Ad.1 Oczywiście wyrażenie regularne możecie dowolnie zmienić zamieniając słowo spotify na coś krótszego - chodzi tylko o to aby cała reszta znaków się zgadzała.

Zamiana: 
<iframe src="$1" width="300" height="80" frameborder="0" allowtransparency="true"></iframe>

Ad.2 Jeżeli chcecie mieć powiększoną wersję odtwarzacza na swojej stronie zmieniamy jego wymiar na: height="380" w powyższym kodzie.

Reszta ustawień zostawiamy domyślną i zapisujemy.

2 Działanie:


W tym kroku pasowałoby aby opisał jak działa znacznik który przed chwilą stworzyliśmy - ponieważ warto to wiedzieć.
Jak się zapewne domyślacie kod [spotify][/spotify] jest przerabiany na ramkę HTML'ową która bezpośrednio jest umieszczana w kodzie waszej strony.

Tylko co do niej wpisać aby całość zadziałała?

Oczywiście adres do utworu, ale o tym w kolejnej sekcji.

3 Pobranie URL'a ze Spotify:


Aby pobrać URL utworu który chcemy zamieścić przechodzimy albo do odtwarzacza internetowego albo wprost do aplikacji Spotify.
Następnie przechodzimy do wybranego utworu i wybierając trzy kropki obok naszej piosenki przechodzimy do opcji "Udostępnij" lub "Skopiuj łącze utworu" w przypadku wersji przeglądarkowej.

Teraz wskazujemy opcje skopiuj URL - po wybraniu tego do naszego schowka zapisany zostanie przykładowy utwór w postaci:

https://open.spotify.com/track/0WKY4nRJgz3GUG7IqkTgUH

Który przed wprowadzeniem pomiędzy nasze znaczniki musimy minimalnie przekształcić dodając po .com dodatkową ścieżkę /embed/ aby wynikowo otrzymać poniższy link:

https://open.spotify.com/embed/track/0WKY4nRJgz3GUG7IqkTgUH

Tak sporządzony URL uzupełniamy o wcześniejsze tagi i gotowe, mamy kod który możemy zamieścić w treści naszego potencjalnie nowego wątku:

[spotify]https://open.spotify.com/embed/track/0WKY4nRJgz3GUG7IqkTgUH[/spotify]

4 Gotowe!


Efekt naszych zmian jaki otrzymamy możecie zobaczyć tutaj: https://developer.spotify.com/design/ w sekcji "Our Widgets".