เพลง = สิ่งที่คนส่วนใหญ่รัก การทำให้เป็นประสบการณ์เรียนรู้สนุกผ่านการทดลองมือทำ → กระตุ้นให้เล่นกับ Rhyme, Sound, Melody
Google สร้าง Chrome Music Lab (CML) ปี 2016: Online Resource เรียบง่าย สำหรับนักเรียนและครูดนตรี
Coders + Musicians ร่วมมือ: Chrome + Web Audio + เครื่องมือฟรี → เขียน Code สร้างเสียง
เป้าหมาย CML: ให้ผู้เยี่ยมชม Visualize และ Touch Sound (เห็นเสียง长什么样), เรียนรู้ Melody, สร้าง Rhythm, แปลงภาพวาดเป็นเพลง
เว็บ CML มี Sections เรียกว่า Experiments ให้ทุกวัยสำรวจว่าเพลงทำงานยังไง แต่ละ Experiment Focus ต่างกัน: Piano Roll, Song Maker, Harmonics, Voice Spinner, Sound Waves
Chrome Music Lab ทำงานยังไง?
CML = Music Software ที่ Intuitive, Straightforward สีสันสดใส → เข้าถึงง่าย ทุกวัย
CML แชร์ Open-source Code → Musicians/Coders สร้าง Experiments เองได้ ทุกอุปกรณ์ เปิดใช้ทันที ไม่ต้องโหลด/ติดตั้ง App
ยิ่งง่าย ยิ่งทำให้ทุกคน Curious, Creative, Inspired
ข้อจำกัด: Experiments 多多 ใช้ได้แค่ทันที (On-the-spot) → ไม่ Download/Export/Share ได้
ยกเว้น 2 Experiments: Song Maker และ Melody Maker → Share, Embed, Download (MIDI/WAV) ได้
สร้าง Melody ด้วย Chrome Music Lab
ไปเว็บ CML → คลิก Melody Maker (วาง Cursor ใน Block จะเห็นชื่อ)
Interface เรียบง่าย: คลิกกล่องต่างๆ → แต่ละกล่อง = โน้ตต่างกัน → ลองคลิก几个 → กด Play ฟัง Melody
กล่องต่ำ = เสียงต่ำ → ปรับ Speed: ลูกบอลสีน้ำเงิน ซ้าย = ช้าลง
ลูกบอล ขวา = เร็วขึ้น
เล่นกล่องจนชอบ → คลิกเสียงเพื่อลบ → Melody ด้านล่าง = ส่วนแรกของ "Twinkle Twinkle Little Star"
ปุ่มสีส้ม ข้าง Play = Repeat Melody
ใช้ Chrome Music Lab Song Maker
Song Maker = โปรเจกต์ใหญ่ที่สุด Options 多
หน้าจอ Default: 2 Octaves เหมือน Melody Maker: คลิกกล่องสี → ได้โน้ต
เส้นสีน้ำเงินหนา ทุก 2 กล่อง = 1 Beat สีเทา/ขาว สลับ = Music Measures
คลิกไอคอน Marimba (ล่าง) → เปลี่ยนเครื่องดนตรี
เครื่องดนตรี Melody เพิ่ม: Piano, Strings, Woodwind, Synth
ลบโน้ต: คลิกโน้ตนั้น / ลบหลายอัน: กดเมาส์ค้าง ลากทับโน้ต → หรือกด Undo (ขวาล่าง)
Song Maker: เล่นหลายโน้ตพร้อมกัน = Chord
แท็บ Blocks (ล่าง) → เปลี่ยน Rhythm Sounds: Conga, Electronic, Blocks, Kit
ปรับ Speed/Tempo: ลูกบอลสีน้ำเงิน (ล่าง)
ลอง Options ต่างๆ → เลือกที่ชอบ + ไอคอน Mic: บันทึกเสียง/ร้องเพลงเพิ่ม
เสร็จแล้ว → Save (มุมขวาล่าง) → Popup ลิงก์ดูเพลง
หรือ Share Facebook/Twitter, Copy Embed Code ใส่เว็บ, Download MIDI/WAV
สร้าง Harmony & Chords
มีของบน Canvas อยากเริ่มใหม่ → Restart (ขวาบน)
เริ่ม: กดเมาส์ค้าง 2 Beats → ขึ้น Scale ตาม Screenshot
Harmony ใน Thirds: เพิ่ม Blocks ตาม Screenshot — 2 Beats ใน Blocks 2,3,4,5 → Intervals ของ Thirds
Chords จาก Harmony: เพิ่ม Fifth Interval สร้าง Chords ตาม Screenshot
สร้างเสียงโคตรโคตรด้วย Oscillators
หน้า CML Home → คลิก Oscillators
Oscillators สร้างเสียงจากการ Vibrate ที่ Frequency เฉพาะ อัตราคงที่ → เปลี่ยน Frequency: ลาก Widget ขึ้น/ลง → ลูกศร: เปลี่ยน Type ของ Oscillator
ลองจริง: ไป https://musiclab.chromeexperiments.com/Oscillators/ → ลาก Oscillators ขึ้นลง → ฟังเสียง
Spectrogram ทำอะไร?
ดู Frequencies ที่ประกอบเสียง ในรูปภาพสีสัน ด้วย Spectrogram
เปรียบเทียบ Spectrogram เสียงต่างๆ: เลือก Instrument/Sound Source (ล่างจอ)
รูปด้านล่าง = Visual representation ของ Frequencies ของ Harp
ใช้ Mic บันทึกเสียงเอง / วาดบนจอ → สร้าง Abstract Funky Sounds
เริ่มสร้างเพลงและเสียงกับ Chrome Music Lab
พร้อมลอง CML แล้ว? 简单: ไปเว็บ CML → ลอง Experiments ต่างๆ
