Recent Changes - Search:

Oktatás

* Programozás 1
  + feladatsor
  + GitHub oldal

* Szkriptnyelvek
  + feladatsor
  + quick link

Teaching

* Programming 1 (BI)
  ◇ exercises
  ◇ quick link

* Scripting Languages
  ◇ exercises
  ◇ quick link

teaching assets


Félévek

* aktuális (2023/24/2)
* archívum


Linkek

* kalendárium
   - munkaszüneti napok '20
* tételsorok
* jegyzetek
* szakdolgozat / PhD
* ösztöndíjak
* certificates
* C lang.
* C++
* C#
* Clojure
* D lang.
* Java
* Nim
* Scala


[ edit | logout ]
[ sandbox | passwd ]

Py /

20121120c

Youtube audio player

A http://www.labnol.org/internet/youtube-audio-player/26740/ oldalon egy érdekes trükköt találunk arra, hogy hogyan lehet egy Youtube videót úgy beágyazni egy weboldalra, hogy a lejátszónak csak az alja látszódjon, azt a hatást keltve ezáltal, mintha az oldalba egy flash-es audio player lenne beillesztve. Ehhez egy kis CSS trükkre van szükség:

<div style="position:relative;width:267px;height:25px;overflow:hidden;">
  <div style="position:absolute;top:-276px;left:-5px">
    <iframe width="300" height="300"
      src="https://www.youtube.com/embed/youtubeID?rel=0">
    </iframe>
  </div>
</div>

Konkrét példa itt.

Feladat

Írjunk egy olyan parancssoros programot, ami bekéri egy előadó nevét, majd a böngészőben megnyit egy (a szkript által generált) HTML oldalt, amiben fel vannak tüntetve az előadó számai, s mindegyik cím alatt legyen egy beillesztett audio player.

Segítség

A program által bekért előadóval, mint keresési sztringgel meghívjuk a Youtube API-ját. Az előadó legyen pl. "The Prodigy":

https://gdata.youtube.com/feeds/api/videos?q=the+prodigy&alt=jsonc&v=2

Ezt próbáljuk ki a böngészőben. Az eredmény egy JSON kimenet. Ezt illesszük be ebbe a JSON vizualizációs alkalmazásba.

Vagyis a szkript szedje ki a JSON kimenetből a megfelelő Youtube linkeket s ezekből generáljon egy HTML oldalt, amit akár a /tmp könyvtárba is lementhetünk. Végül a webbrowser modullal nyissuk meg a fájlt a böngészőben.

Cloud City

  

Blogjaim, hobbi projektjeim

* The Ubuntu Incident
* Python Adventures
* @GitHub
* heroku
* extra
* haladó Python
* YouTube listák


Debrecen | la France


[ edit ]

Edit - History - Print *** Report - Recent Changes - Search
Page last modified on 2012 November 20, 11:56