Blame platform-demos/cs/guitar-tuner.py.page

Packit 1470ea
Packit 1470ea
<page xmlns="http://projectmallard.org/1.0/" xmlns:its="http://www.w3.org/2005/11/its" type="topic" id="guitar-tuner.py" xml:lang="cs">
Packit 1470ea
Packit 1470ea
  <info>
Packit 1470ea
    <title type="text">Kytarová ladička (Python)</title>
Packit 1470ea
    <link type="guide" xref="py#examples"/>
Packit 1470ea
Packit 1470ea
    <desc>Jak použít GTK+ a GStreamer k sestavení jednoduché aplikace pro GNOME fungující jako kytarová ladička. Předvedeme si, jako používat návrhář rozhraní.</desc>
Packit 1470ea
Packit 1470ea
    <revision pkgversion="0.1" version="0.1" date="2010-12-02" status="stub"/>
Packit 1470ea
    <credit type="author">
Packit 1470ea
      <name>Dokumentační projekt GNOME</name>
Packit 1470ea
      <email its:translate="no">gnome-doc-list@gnome.org</email>
Packit 1470ea
    </credit>
Packit 1470ea
    <credit type="author">
Packit 1470ea
      <name>Johannes Schmid</name>
Packit 1470ea
      <email its:translate="no">jhs@gnome.org</email>
Packit 1470ea
    </credit>
Packit 1470ea
    <credit type="editor">
Packit 1470ea
      <name>Marta Maria Casetti</name>
Packit 1470ea
      <email its:translate="no">mmcasetti@gmail.com</email>
Packit 1470ea
      <years>2013</years>
Packit 1470ea
    </credit>
Packit 1470ea
    <credit type="editor">
Packit 1470ea
      <name>Marta Maria Casetti</name>
Packit 1470ea
      <email its:translate="no">mmcasetti@gmail.com</email>
Packit 1470ea
      <years>2013</years>
Packit 1470ea
    </credit>
Packit 1470ea
  </info>
Packit 1470ea
Packit 1470ea
<title>Kytarová ladička</title>
Packit 1470ea
Packit 1470ea
<synopsis>
Packit 1470ea
  

V této lekci vytvoříme program, který přehrává tóny, které můžete použít k ladění kytary. Naučíte se, jak udělat tyto věci:

Packit 1470ea
  <list>
Packit 1470ea
    <item>

Vytvořit základní projekt ve studiu Anjuta.

</item>
Packit 1470ea
    <item>

Vytvořit jednoduché GUI v návrháři GUI ve studiu Anjuta.

</item>
Packit 1470ea
    <item>

Použít GStreamer k přehrání zvuku.

</item>
Packit 1470ea
  </list>
Packit 1470ea
  

Abyste mohli pokračovat v této lekci, budete potřebovat následující:

Packit 1470ea
  <list>
Packit 1470ea
    <item>

Nainstalovanou kopii <link xref="getting-ready">IDE Anjuta</link>

</item>
Packit 1470ea
    <item>

Základní znalosti programovacího jazyka Python

</item>
Packit 1470ea
  </list>
Packit 1470ea
</synopsis>
Packit 1470ea
Packit 1470ea
<media type="image" mime="image/png" src="media/guitar-tuner.png"/>
Packit 1470ea
Packit 1470ea
<section id="anjuta">
Packit 1470ea
  <title>Vytvoření projektu ve studiu Anjuta</title>
Packit 1470ea
  

Než začnete s kódováním, musíte ve studiu Anjuta vytvořit nový projekt. Tím se vytvoří všechny soubory, které budete později potřebovat k sestavení a spuštění kódu. Je to také užitečné kvůli udržení všeho pohromadě.

Packit 1470ea
  <steps>
Packit 1470ea
    <item>
Packit 1470ea
    

Spusťte IDE Anjuta a klikněte na <guiseq><gui>Soubor</gui> <gui>Nový</gui> <gui>Projekt</gui></guiseq>, aby se otevřel průvodce projektem.

Packit 1470ea
    </item>
Packit 1470ea
    <item>
Packit 1470ea
    

Na kartě <gui>Python</gui> zvolte <gui>PyGTK (automake)</gui>, klikněte na <gui>Pokračovat</gui> a na několika následujících stránkách vyplňte své údaje. Jako název projektu a složky použijte <file>guitar-tuner</file>.

Packit 1470ea
   	</item>
Packit 1470ea
    <item>
Packit 1470ea
    

Klikněte na <gui>Použít</gui> a vytvoří se vám projekt. Otevřete <file>src/guitar_tuner.py</file> na kartě <gui>Projekt</gui> nebo <gui>Soubor</gui>. Měli byste vidět kód, který začíná řádky:

Packit 1470ea
    
Packit 1470ea
from gi.repository import Gtk, GdkPixbuf, Gdk
Packit 1470ea
import os, sys
Packit 1470ea
    </item>
Packit 1470ea
  </steps>
Packit 1470ea
</section>
Packit 1470ea
Packit 1470ea
<section id="run">
Packit 1470ea
  <title>Spuštění kódu poprvé</title>
Packit 1470ea
  

Většina toho je kód šablony. Načte (prázdné) okno ze souboru s popisem uživatelského rozhraní a zobrazí jej. Dále to podrobněji rozebereme. Pokud jste již pochopili základy, tak tento seznam můžete přeskočit:

Packit 1470ea
Packit 1470ea
  <list>
Packit 1470ea
  <item>
Packit 1470ea
    

Řádky import na začátku říkají interpretru jazyka Pyton, aby načetl uživatelské rozhraní a potřebné systémové knihovny.

Packit 1470ea
   </item>
Packit 1470ea
   <item>
Packit 1470ea
    

Zde deklarovaná třída bude hlavní třídou pro naši aplikaci. V metodě __init__ se načte hlavní okno ze souboru GtkBuilder (<file>src/guitar-tuner.ui</file>) a napojí se signály.

Packit 1470ea
    

Napojení signálu je způsob, jak definovat, co se má stát, když zmáčknete tlačítko nebo se prostě něco přihodí. Zde je zavolána metoda destroy (a ukončení aplikace) při zavření okna.

Packit 1470ea
   </item>
Packit 1470ea
   <item>
Packit 1470ea
    

Funkce main se spustí jako výchozí, když spustíte aplikaci v jazyce Python. Vytvoří instanci hlavní třídy a spustí hlavní smyčku, aby se zobrazilo okno.

Packit 1470ea
   </item>
Packit 1470ea
  </list>
Packit 1470ea
Packit 1470ea
  

Kód je připraven k použití, takže jej můžete spustit kliknutím na <guiseq><gui>Spustit</gui> <gui>Spustit</gui></guiseq>.

Packit 1470ea
</section>
Packit 1470ea
Packit 1470ea
<section id="ui">
Packit 1470ea
  <title>Vytvoření uživatelského rozhraní</title>
Packit 1470ea
  

Popis uživatelského rozhraní se nachází v souboru GtkBuilder. Když chcete uživatelské rozhraní upravit, otevřete <file>src/guitar_tuner.ui</file>. Přepnete se tím do návrháře rozhraní. Navrhované okno je uprostřed, widgety a jejich vlastnosti jsou napravo a paleta dostupných widgetů je nalevo.

Packit 1470ea
  

Rozvržení každého uživatelského rozhraní v GTK+ je provedeno pomocí boxů a mřížek. Zde použijeme svislý GtkButtonBox, do kterého přiřadíme šest GtkButtons, jedno pro každou z kytarových strun.

Packit 1470ea
Packit 1470ea
<media type="image" mime="image/png" src="media/guitar-tuner-glade.png"/>
Packit 1470ea
Packit 1470ea
  <steps>
Packit 1470ea
   <item>
Packit 1470ea
   

Vyberte <gui>GtkButtonBox</gui> z oddílu <gui>Kontejnery</gui> v <gui>Paletě</gui> napravo a vložte jej do okna. V panelu <gui>Vlastnosti</gui> nastavte počet prvků na 6 (pro 6 strun) a orientaci na svislou.

Packit 1470ea
   </item>
Packit 1470ea
   <item>
Packit 1470ea
    

Nyní v paletě zvolte <gui>GtkButton</gui> a vložte jej do první části boxu.

Packit 1470ea
   </item>
Packit 1470ea
   <item>
Packit 1470ea
    

Zatímco je tlačítko stále vybráno, změňte vlastnost <gui>Popisek</gui> na kartě <gui>Widgety</gui> na <gui>E</gui>. Bude se jednat o spodní strunu E.

Packit 1470ea
    </item>
Packit 1470ea
    <item>
Packit 1470ea
     

Přepněte se na kartu <gui>Signál</gui> (uvnitř karty <gui>Widgety</gui>) a podívejte se po signálu clicked tlačítka. Můžete jej použít k napojení na obsluhu signálu, která bude volána, když uživatel na tlačítko klikne. Provede se to kliknutím na signál a vepsáním on_button_clicked do sloupce <gui>Obslužná rutina</gui> a zmáčknutím <key>Enter</key>.

Packit 1470ea
    </item>
Packit 1470ea
    <item>
Packit 1470ea
    

Zopakujte předchozí kroky pro ostatní tlačítka, takže přidáte následujících 5 strun s názvy A, D, G, B a e.

Packit 1470ea
    </item>
Packit 1470ea
    <item>
Packit 1470ea
    

Návrh uživatelského rozhraní uložte (kliknutím na <guiseq><gui>Soubor</gui> <gui>Uložit</gui></guiseq>) a ponechte jej otevřený.

Packit 1470ea
    </item>
Packit 1470ea
  </steps>
Packit 1470ea
</section>
Packit 1470ea
Packit 1470ea
<section id="signal">
Packit 1470ea
  <title>Psaní obsluhy signálu</title>
Packit 1470ea
  

V návrháři uživatelského rozhraní můžete nastavit to, že všechna tlačítka budou při kliknutí volat stejnou funkci <gui>on_button_clicked</gui>. Tuto funkci musíme přidat do zdrojového kódu.

Packit 1470ea

K tomu otevřete <file>guitar_tuner.py</file> a soubor s uživatelským rozhraním při tom ponechte stále otevřený. Přepněte se na kartu <gui>Signály</gui>, kterou jste již použili pro nastavení názvu signálu. Nyní chytněte řádek, na kterém jste nastavili signál <gui>clicked</gui> a přetáhněte jej do zdrojového kódu dovnitř třídy. Do zdrojového kódu se přidá následující kód:

Packit 1470ea
Packit 1470ea
def on_button_clicked (self, button):
Packit 1470ea
Packit 1470ea
Packit 1470ea
  

Tato obsluha signálu má dva argumenty: ukazatel na běžnou třídu jazyka Python a Gtk.Button, které funkci zavolalo.

Packit 1470ea
  

Prozatím ponecháme obsluhu signálu prázdnou a budeme pracovat na psaní kódu pro vyluzování zvuků.

Packit 1470ea
</section>
Packit 1470ea
Packit 1470ea
<section id="gstreamer">
Packit 1470ea
  <title>Roury systému GStreamer</title>
Packit 1470ea
  

GStreamer je základní multimediální rámec GNOME. Můžete jej použít k přehrávání, nahrávání a zpracování videa, zvuku, vysílání z webové kamery a podobně. Zde jej použijeme ke generování tónu s jednou frekvencí.

Packit 1470ea
  

Koncepčně GStreamer funguje následovně: Vytvoříte rouru (pipeline) obsahující různé prvky zpracující směrem od zdroje (source) do cíle (sink), tj. výstupu. Zdrojem může být například soubor s obrázkem, videosoubor nebo hudební soubor, výstupem pak widget nebo zvuková karta.

Packit 1470ea
  

Na cestě mezi zdrojem a cílem můžete použít různé filtry a převodníky k vytvoření efektů, převodníky formátů atd. Každý prvek roury má vlastnosti, které můžete použít ke změně jeho chování.

Packit 1470ea
  <media type="image" mime="image/png" src="media/guitar-tuner-pipeline.png">
Packit 1470ea
    

Příklad roury systému GStreamer.

Packit 1470ea
  </media>
Packit 1470ea
</section>
Packit 1470ea
Packit 1470ea
<section id="pipeline">
Packit 1470ea
  <title>Vytvoření roury</title>
Packit 1470ea
  

V tomto příkladu použijeme jako zdroj tónový generátor nazývaný audiotestsrc a výstup pošleme do výchozího systémového zvukového zařízení autoaudiosink. Nastavit potřebujeme jen frekvenci tónového generátoru. Ta je přístupná přes vlastnost freq zmíněného audiotestsrc.

Packit 1470ea
Packit 1470ea
  

Změňte řádek s import v <file>guitar_tuner.py</file>, aby začínal:

Packit 1470ea
  from gi.repository import Gtk, Gst, GObject 
Packit 1470ea
  

Gst vloží knihovnu GStreamer. Musíte ji také správně inicializovat, což je uděláno v metodě main() tímto voláním přidaným nad řádek app = GUI():

Packit 1470ea
  Gst.init_check(sys.argv)
Packit 1470ea
  

Potom nakopírujte následující funkci kamkoliv do třídy <file>guitar_tuner.py</file>:

Packit 1470ea
  
Packit 1470ea
def play_sound(self, frequency):
Packit 1470ea
	pipeline = Gst.Pipeline(name='note')
Packit 1470ea
	source = Gst.ElementFactory.make('audiotestsrc', 'src')
Packit 1470ea
	sink = Gst.ElementFactory.make('autoaudiosink', 'output')
Packit 1470ea
Packit 1470ea
	source.set_property('freq', frequency)
Packit 1470ea
	pipeline.add(source)
Packit 1470ea
	pipeline.add(sink)
Packit 1470ea
	source.link(sink)
Packit 1470ea
	pipeline.set_state(Gst.State.PLAYING)
Packit 1470ea
Packit 1470ea
	GObject.timeout_add(self.LENGTH, self.pipeline_stop, pipeline)
Packit 1470ea
  <steps>
Packit 1470ea
    <item>
Packit 1470ea
    

První tři řádky vytvoří prvky GStreamer typu zdroj a cíl a prvek typu roura (který bude použit jako kontejner pro první dva prvky). Roura dostane název „note“. Zdroj je pojmenován „source“ a je nastaven jako audiotestsrc. Cíl je pojmenován „output“ a je nastaven jako autoaudiosink (výchozí výstup zvukové karty).

Packit 1470ea
    </item>
Packit 1470ea
    <item>
Packit 1470ea
    

Volání source.set_property nastaví vlastnost freq prvku source na frekvenci frequency, která je předána jako argument do funkce play_sound. Jedná se o frekvenci v Hertzích. Správné frekvence nadefinujeme později.

Packit 1470ea
    </item>
Packit 1470ea
    <item>
Packit 1470ea
    

Následující dva řádky volají pipeline.add, čímž se vloží zdroj a cíl do roury. Roura může obsahovat více dalších prvků GStreamer. Obecně můžete přidat tolik prvků, kolik chcete, tak, že zavoláte metodu add opakovaně.

Packit 1470ea
    </item>
Packit 1470ea
    <item>
Packit 1470ea
    

Následující pipeline.set_state je použito ke spuštění přehrávání tím, že se nastaví stav roury na přehrávání (Gst.State.PLAYING).

Packit 1470ea
    </item>
Packit 1470ea
  </steps>
Packit 1470ea
Packit 1470ea
</section>
Packit 1470ea
Packit 1470ea
<section id="playback">
Packit 1470ea
  <title>Zastavení přehrávání</title>
Packit 1470ea
  

Nechceme ale hrát nějaký tón navždycky, takže poslední věcí, kterou play_sound udělá, je že zavolá GObject.timeout_add. Tím se nastaví časový limit pro zastavení zvuku. Čeká v délce LENGTH milisekund a pak zavolá funkci pipeline_stop, která vrátí False, jinak by se v jejím volání pokračovalo.

Packit 1470ea
  

Nyní napíšeme funkci pipeline_stop, která je volána z GObject.timeout_add. Vložte následující kód nad funkci play_sound:

Packit 1470ea
  
Packit 1470ea
def pipeline_stop(self, pipeline):
Packit 1470ea
	pipeline.set_state(Gst.State.NULL)
Packit 1470ea
	return False
Packit 1470ea
Packit 1470ea
  

Konstantu LENGTH je třeba definovat uvnitř třídy, takže tento kód přidáme na začátek třídy main:

Packit 1470ea
  
Packit 1470ea
LENGTH = 500
Packit 1470ea
Packit 1470ea
  

Zavolání pipeline.set_state zastaví přehrávání roury.

Packit 1470ea
</section>
Packit 1470ea
Packit 1470ea
<section id="tones">
Packit 1470ea
  <title>Definice tónů</title>
Packit 1470ea
  

Když uživatel klikne na tlačítko, chceme zahrát správný zvuk. Ze všeho nejdříve potřebujeme vědět frekvence pro šest kytarových strun, které jsou definovány (na začátku třídy main) ve slovníku, který můžeme jednoduše mapovat na názvy těchto strun:

Packit 1470ea
  
Packit 1470ea
# Řetězce pro frekvence
Packit 1470ea
frequencies = {
Packit 1470ea
	'E': 329.63,
Packit 1470ea
	'A': 440,
Packit 1470ea
	'D': 587.33,
Packit 1470ea
	'G': 783.99,
Packit 1470ea
	'B': 987.77,
Packit 1470ea
	'e': 1318.5
Packit 1470ea
}
Packit 1470ea
Packit 1470ea
  

Nyní oživíme obsluhu signálu, kterou jsme zadeklarovali již dříve po názvem on_button_clicked. Mohli bychom mít napojená všechna tlačítka na různé obslužné funkce, ale to by vedlo ke zbytečné duplicitě kódu. Místo toho použijeme popisek každého z tlačítek ke zjištění, na které tlačítko bylo kliknuto:

Packit 1470ea
  
Packit 1470ea
def on_button_clicked(self, button):
Packit 1470ea
	label = button.get_child()
Packit 1470ea
	text = label.get_label()
Packit 1470ea
Packit 1470ea
	self.play_sound (self.frequencies[text])
Packit 1470ea
Packit 1470ea
  

Tlačítko, na které bylo kliknuto, je předáno jako argument tlačítko do on_button_clicked. Pomocí button.get_child můžeme získat popisek tohoto tlačítka a následně pomocí label.get_label získat text z tohoto popisku.

Packit 1470ea
  

Text popisku je použit jako klíč do slovníku a funkce play_sound je zavolána s příslušnou frekvencí pro tuto notu. Tím se zahraje tón – máme funkční kytarovou ladičku!

Packit 1470ea
</section>
Packit 1470ea
Packit 1470ea
<section id="run2">
Packit 1470ea
  <title>Spuštění aplikace</title>
Packit 1470ea
  

Všechen kód je nyní připravený k použití. Klikněte na <guiseq><gui>Spustit</gui> <gui>Spustit</gui></guiseq>, aby se aplikace spustila a užijte si ji!

Packit 1470ea
</section>
Packit 1470ea
Packit 1470ea
<section id="impl">
Packit 1470ea
 <title>Ukázková implementace</title>
Packit 1470ea
 

Pokud v této lekci narazíte na nějaké problémy, porovnejte si svůj kód s tímto <link href="guitar-tuner/guitar-tuner.py">ukázkovým kódem</link>.

Packit 1470ea
</section>
Packit 1470ea
Packit 1470ea
<section id="next">
Packit 1470ea
  <title>Další postup</title>
Packit 1470ea
  

Zde je pár nápadů, jak byste mohli tuto jednoduchou ukázku rozšířit:

Packit 1470ea
  <list>
Packit 1470ea
   <item>
Packit 1470ea
   

Přidat do programu možnost cyklicky procházet tóny.

Packit 1470ea
   </item>
Packit 1470ea
   <item>
Packit 1470ea
   

Naučit program přehrávat nahrávky vybrnkání jednotlivých reálných kytarových strun.

Packit 1470ea
   

Abychom to mohli udělat, potřebujeme sestavit mnohem složitější rouru GStreamer, která umožní načíst a přehrát hudební soubory. Budete muset zvolit prvky GStreamer typu <link href="http://gstreamer.freedesktop.org/documentation/plugins.html">dekodér a demultiplexor</link> podle formátu souborů s vašimi zvukovými nahrávkami – například MP3 používá jiné prvky než Ogg Vorbis.

Packit 1470ea
   

Můžete také potřebovat prvky propojit mnohem komplikovanějším způsobem. Toho lze dosáhnout pomocí <link href="http://gstreamer.freedesktop.org/data/doc/gstreamer/head/manual/html/chapter-intro-basics.html">konceptů GStreamer</link>, které jsme v této lekci neprobírali. Mezi ně patří například <link href="http://gstreamer.freedesktop.org/data/doc/gstreamer/head/manual/html/section-intro-basics-pads.html">přípojné body</link>. Hodit se vám může také příkaz <cmd>gst-inspect</cmd>.

Packit 1470ea
   </item>
Packit 1470ea
   <item>
Packit 1470ea
   

Automaticky analyzovat tóny, které uživatel zahraje.

Packit 1470ea
   

Mohli byste připojit mikrofón a nahrávat z něj zvuky pomocí <link href="http://gstreamer.freedesktop.org/data/doc/gstreamer/head/gst-plugins-good-plugins/html/gst-plugins-good-plugins-autoaudiosrc.html">vstupního zdroje</link>. Zjistit, který tón je přehráván, by vám možná pomohla <link href="http://gstreamer.freedesktop.org/data/doc/gstreamer/head/gst-plugins-good-plugins/html/gst-plugins-good-plugins-plugin-spectrum.html">spektrální analýza</link>.

Packit 1470ea
   </item>
Packit 1470ea
  </list>
Packit 1470ea
</section>
Packit 1470ea
Packit 1470ea
</page>