IT rekvalifikace s garancí práce. Seniorní programátoři vydělávají až 160 000 Kč/měsíc a rekvalifikace je prvním krokem. Zjisti, jak na to!
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Spotify album s vlastním designem na webu

V předchozím kvízu, Online test znalostí PHP, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Lukáš Hypša:7.2.2022 9:14

Ahoj,
rád bych se zeptal, jestli tu má někdo zkušenost s umístěnním Spotify alba na web.
Jednoduše potřebuju vzít link na album ze Spotify a to zkopírovat někam do HTML/JS kodu. Cílem má být přehrávač (klidně s omezenou dobou hraní písniček), který ovšem budu moct nastylovat pomocí CSS/JS podle sebe.

Zkusil jsem:

Chci docílit: Snažím se umístit přehrávač Spotify alba na web. Přehrávač bych rád styloval pomocí CSS/JS podle sebe.

 
Odpovědět
7.2.2022 9:14
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:7.2.2022 10:07

Nevim presne, jak to funguje, ale iframe otevira vlastni webovou stranku s nejakym javascriptem. Otevira ji vzdalene, takze do ni nejde vstupovat. To by se jednalo o cross-origin error.
Ale, pokud neni treba se logovat, tak si cely kod stranky muzes stahnout pres php, file_get_conten­ts(). A k tomu kodu si pripsat vlastni style. Pri trose stasti nebude treba zasahovat do ostatniho kodu.

A s tou druhou moznosti nevim. Pro api bys mel mit prihlasene nejake id. To netusim, jaky mas kod. curl (v php) by melo delat totez, co file_get_contents. Proste, pres FTP stahne stranku do promenne jako string. K tomu stringu si muzes pripsat, co chces. A pak to vypisujes na obrazovku, ne? Nebo se pletu.
Podle mne by v obou pripadech melo stacit pridat vlastni css, kde pouzijes spravne nazvy trid, aby ten jejich kod prebijeli. Pripadne !important na konci radku.

Co, kdybys ukazal nejake sve dilo, kod (php js css) a pak muzeme resit, proc to nejde.

Editováno 7.2.2022 10:08
 
Nahoru Odpovědět
7.2.2022 10:07
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:7.2.2022 10:16

https://github.com/…web-api-node

https://developer.spotify.com/…quick-start/
Tady maji nejaky navod na vlastni player.
K tomu asi lze pridat css
A tez asi jde uplne prekryt jejich player nejakou tvou verzi, pokud by to neslo resit uz primo tim javascriptem.

Editováno 7.2.2022 10:18
 
Nahoru Odpovědět
7.2.2022 10:16
Avatar
Lukáš Hypša:7.2.2022 11:13

Díky moc za tipy! :) Jsem ve fázi, kdy celý html dokument už mám ve stringu (včetně přidaných stylů), takže když ho vypíšu samostatně na stránku, zobrází se tak, jak potřebuji, s upravenými styly. Jak ale teď dostanu tenhle obsah do iframu?
Vypsání stringu s HTML stránkou mezi tagy <iframe></iframe> bohužel nefunguje :D
Díky!

 
Nahoru Odpovědět
7.2.2022 11:13
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:7.2.2022 13:07

Jako, uplne, zase nerozumim tvym otazkam. Pro mne, v tuto chvili nic nemas. Aspon tady na forku se nic neobjevilo. Pak se na to dost tezko reaguje. Hypoteticky, jestli mas tohle, tak udelej tohle. Takze, uz presne vis, co s tim mas udelat, tak sup :)

Otazkou je, zda to bylo treba udelat. Podle mne, v tom poslednim linku maji js-player a jedine, co je treba, napojit ho na html tlacitka.

Ale, tak budiz. Pokud mas sranku stazenou jako string, hypoteticky, doplnene, co tam ma byt, hypoteticky, pak, co ti brani pouzit tu url pro frame? Hypoteticky, samozrejme. Realne tam jiste prekazky jsou. A takove, ktere si ani clovek neumi predstavit, ze by snad mohl chtit nekdo resit.

--- program.php ---
<?php
$url = 'http://...';
$content = file_get_contents($url);
$content .=  '<style>...</style>';
echo $content;
?>

--- stranka.htm ---
<iframe src="program.php"></iframe>

Spousteni:
https://mujserver.cz/program.php nebo
https://mujserver.cz/stranka.htm

Ja myslel, ze zakladni pouziti php asi umis, kdyz se ptas hnedka v php forku.

 
Nahoru Odpovědět
7.2.2022 13:07
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 5 zpráv z 5.