{"id":180,"date":"2019-07-12T08:28:32","date_gmt":"2019-07-12T08:28:32","guid":{"rendered":"http:\/\/gigers.com\/blog\/?p=180"},"modified":"2024-06-24T17:33:04","modified_gmt":"2024-06-24T17:33:04","slug":"audio-spektrum-mit-snap","status":"publish","type":"post","link":"https:\/\/gigers.com\/blog\/audio-spektrum-mit-snap\/","title":{"rendered":"Audio-Spektrum mit Snap!"},"content":{"rendered":"<p>In der Version 5.0 von Snap! sind einige neue Funktionen enthalten. Damit ist es beispielsweise m\u00f6glich, ein Audio-Spektrum darzustellen, wie Jens M\u00f6nig (Entwickler von Snap!), im Februar 2019 in einem Youtube-Video zeigte. Basierend auf dieser Grundlage wird hier eine grafisch erweiterte Version gezeigt.<\/p>\n<figure id=\"attachment_181\" aria-describedby=\"caption-attachment-181\" style=\"width: 960px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-181\" src=\"https:\/\/gigers.com\/blog\/wp-content\/uploads\/2019\/07\/spectrum_main_screen.png\" alt=\"\" width=\"960\" height=\"720\" srcset=\"https:\/\/gigers.com\/blog\/wp-content\/uploads\/2019\/07\/spectrum_main_screen.png 960w, https:\/\/gigers.com\/blog\/wp-content\/uploads\/2019\/07\/spectrum_main_screen-300x225.png 300w, https:\/\/gigers.com\/blog\/wp-content\/uploads\/2019\/07\/spectrum_main_screen-768x576.png 768w\" sizes=\"auto, (max-width: 767px) 89vw, (max-width: 1000px) 54vw, (max-width: 1071px) 543px, 580px\" \/><figcaption id=\"caption-attachment-181\" class=\"wp-caption-text\">Mit wenigen Zeilen ist es m\u00f6glich, mit der Programmiersprache Snap! ein Audio-Spektrum anzuzeigen.<\/figcaption><\/figure>\n<p>Das Hauptprogramm besteht aus einer For-Schleife, welche die Werte f\u00fcr die einzelnen Frequenzen auf dem Bildschirm darstellt.<\/p>\n<figure id=\"attachment_182\" aria-describedby=\"caption-attachment-182\" style=\"width: 525px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-182\" src=\"https:\/\/gigers.com\/blog\/wp-content\/uploads\/2019\/07\/audio_script_main-1024x653.png\" alt=\"\" width=\"525\" height=\"335\" srcset=\"https:\/\/gigers.com\/blog\/wp-content\/uploads\/2019\/07\/audio_script_main-1024x653.png 1024w, https:\/\/gigers.com\/blog\/wp-content\/uploads\/2019\/07\/audio_script_main-300x191.png 300w, https:\/\/gigers.com\/blog\/wp-content\/uploads\/2019\/07\/audio_script_main-768x490.png 768w, https:\/\/gigers.com\/blog\/wp-content\/uploads\/2019\/07\/audio_script_main.png 1258w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><figcaption id=\"caption-attachment-182\" class=\"wp-caption-text\">Die Daten f\u00fcr die grafische Darstellung werden im Mikrofon-Sensor als Liste gespeichert.<\/figcaption><\/figure>\n<p>Insgesamt liefert der neue Sensor folgende Daten:<\/p>\n<ul>\n<li>Volumen als Dezimalzahl,<\/li>\n<li>Note als Nummer entsprechend der MIDI-Vorgabe,<\/li>\n<li>Frequenz der Hauptnote in Hertz,<\/li>\n<li>Spektrum als Liste von nat\u00fcrlichen Zahlen (einschliesslich 0),<\/li>\n<li>Samples als Liste Dezimalzahlen zwischen -1 und 1,<\/li>\n<li>sowie technische Details zur Samplingrate und Aufl\u00f6sung.<\/li>\n<\/ul>\n<p>F\u00fcr das Audio-Spektrum wird die Option &#8222;spectrum&#8220; verwendet.<\/p>\n<p>Damit die grafische Ausgabe des Programms etwas h\u00fcbscher aussieht, werden die Farben bei jedem Durchlauf ver\u00e4ndert.<\/p>\n<p>Ausserdem k\u00f6nnen \u00fcber zwei Schieberegler die Lautst\u00e4rke (H\u00f6he in der Grafik) und der Frequenzbereich des Spektrums angepasst werden.<\/p>\n<p>Dazu wurden zwei neue Objekte definiert, welche mit der Maus auf der x-Achse verschoben werden k\u00f6nnen. Die Position der Objekte beeinflusst dann die Variablen zur Steuerung von Lautst\u00e4rke und Bereich. Da die Programmierung beider Objekte sehr \u00e4hnlich ist, kann zuerst nur ein Objekt hergestellt und dieses dann geklont und anschliessend angepasst werden.<\/p>\n<p>Steuerung der Lautst\u00e4rke:<\/p>\n<figure id=\"attachment_183\" aria-describedby=\"caption-attachment-183\" style=\"width: 634px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-183\" src=\"https:\/\/gigers.com\/blog\/wp-content\/uploads\/2019\/07\/audio_script_loudness.png\" alt=\"\" width=\"634\" height=\"846\" srcset=\"https:\/\/gigers.com\/blog\/wp-content\/uploads\/2019\/07\/audio_script_loudness.png 634w, https:\/\/gigers.com\/blog\/wp-content\/uploads\/2019\/07\/audio_script_loudness-225x300.png 225w\" sizes=\"auto, (max-width: 634px) 100vw, 634px\" \/><figcaption id=\"caption-attachment-183\" class=\"wp-caption-text\">Die Lautst\u00e4rke wird \u00fcber die x-Position des entsprechenden Objekts gesteuert. Je nach Computer sollten einzelne Werte noch angepasst werden.<\/figcaption><\/figure>\n<p>Steuerung des Frequenzbereichs:<\/p>\n<figure id=\"attachment_184\" aria-describedby=\"caption-attachment-184\" style=\"width: 588px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-184\" src=\"https:\/\/gigers.com\/blog\/wp-content\/uploads\/2019\/07\/audio_script_range.png\" alt=\"\" width=\"588\" height=\"880\" srcset=\"https:\/\/gigers.com\/blog\/wp-content\/uploads\/2019\/07\/audio_script_range.png 588w, https:\/\/gigers.com\/blog\/wp-content\/uploads\/2019\/07\/audio_script_range-200x300.png 200w\" sizes=\"auto, (max-width: 588px) 100vw, 588px\" \/><figcaption id=\"caption-attachment-184\" class=\"wp-caption-text\">Die Steuerung f\u00fcr den Frequenzbereich funktioniert fast gleich wie die f\u00fcr die Lautst\u00e4rke.<\/figcaption><\/figure>\n<p>Nun ist es m\u00f6glich, das Spektrum der Qualit\u00e4t der Aufnahme anzupassen.<\/p>\n<h2>Anwendung im Unterricht<\/h2>\n<p>Nebst der Programmierung im Informatikunterricht, welche in der einfachsten Form wenig Zeit in Anspruch nimmt, kann das Audio-Spektrum vor allem in der Physik (Akustik) und im Musikunterricht angewendet werden, wenn die Bedeutung der Obert\u00f6ne f\u00fcr das Klangempfinden einzelner Instrumente thematisiert werden. Es kann aber auch durchaus reizvoll sein, die Spektren der Stimmen einzelner Sch\u00fclerinnen und Sch\u00fcler miteinander zu vergleichen.<\/p>\n<h2>Quellen<\/h2>\n<p>M\u00f6nig (2019). <a href=\"https:\/\/youtu.be\/9o6II1-jjkc\" target=\"_blank\" rel=\"noopener noreferrer\">Making a Guzdial Style Uke Demo with Snap! in 5 Minutes<\/a><\/p>\n<p>Harvey und M\u00f6nig (2019) <a href=\"https:\/\/snap.berkeley.edu\/SnapManual.pdf\" target=\"_blank\" rel=\"noopener noreferrer\">Snap! 5.0 Reference Manual<\/a> (PDF)<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In der Version 5.0 von Snap! sind einige neue Funktionen enthalten. Damit ist es beispielsweise m\u00f6glich, ein Audio-Spektrum darzustellen, wie Jens M\u00f6nig (Entwickler von Snap!), im Februar 2019 in einem Youtube-Video zeigte. Basierend auf dieser Grundlage wird hier eine grafisch erweiterte Version gezeigt. Das Hauptprogramm besteht aus einer For-Schleife, welche die Werte f\u00fcr die einzelnen &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/gigers.com\/blog\/audio-spektrum-mit-snap\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eAudio-Spektrum mit Snap!\u201c <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-180","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/gigers.com\/blog\/wp-json\/wp\/v2\/posts\/180","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gigers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gigers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gigers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gigers.com\/blog\/wp-json\/wp\/v2\/comments?post=180"}],"version-history":[{"count":1,"href":"https:\/\/gigers.com\/blog\/wp-json\/wp\/v2\/posts\/180\/revisions"}],"predecessor-version":[{"id":185,"href":"https:\/\/gigers.com\/blog\/wp-json\/wp\/v2\/posts\/180\/revisions\/185"}],"wp:attachment":[{"href":"https:\/\/gigers.com\/blog\/wp-json\/wp\/v2\/media?parent=180"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gigers.com\/blog\/wp-json\/wp\/v2\/categories?post=180"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gigers.com\/blog\/wp-json\/wp\/v2\/tags?post=180"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}