สวัสดีเพื่อนสมาชิกครับ
มีของเล่นมานำเสนอ (ผมทำเอง) เป็นเวบสร้างเสียงตามโน้ตดนตรีที่เรากำหนดเองได้ สามารถใช้สร้างเสียงเตือนได้หรือทำ Ringtone มือถือก็ได้
https://www.navy007.com/Ringtone.htm
ออกแบบให้ใช้บน PC เท่านั้น (ในมือถือยังใช้ไม่ได้ เพราะยังแก้ปัญหาการ tap ไม่ได้)
ตัวอย่างเสียงครับ
https://navy007.com/Sound.htm
หน้าตาของมันก็จะประมาณนี้ ทางฝั่งซ้ายจะเป็นแผงปุ่มโน๊ตดนตรี ซึ่งผมออกแบบให้เริ่มต้นที่โน๊ต C4 (261 Hz) และสูงสุดที่ตัวโน๊ต A7 (3,520 Hz) เนื่องจากช่วงนี้เป็นความถี่ที่พอดีไม่ต่ำเกินไปไม่สูงเกินไปครับ
เมื่อเข้าเวบไปแล้วให้คลิกพื้นที่ว่างในหน้าเวบก่อน 1 ครั้ง เพราะตัว Browser มันจะเปิดการทำงาน Web Audio API เมื่อผู้ใช้คลิกในหน้านั้น ๆ ก่อน 1 ครั้ง (หากไม่คลิกก่อน จะไม่มีเสียงครับ)
ส่วนทางฝั่งขวาก็จะเป็นรายการตัวโน๊ตที่เราเลือกไว้เพื่อที่จะมาสร้างเป็นทำนองเพลงที่เราต้องการ โดยมีช่องให้ใส่เวลาที่ควบคุมได้คือตัว T1 และ T2 เพื่อที่จะควบคุมความสั้นยาวของเสียงและช่องว่างระหว่างตัวโน๊ต เพื่อให้มีจังหวะใกล้เคียงกับทำนองเพลงที่เราต้องการมากที่สุด .... เอา mouse คลิกที่ช่องเวลา T1 / T2 และ scroll mouse เพื่อเปลี่ยนเลขเวลาได้เลย และแถบรายการนี้ใช้ Mouse ลากขึ้นลงเปลี่ยนลำดับได้
ในตัวของลักษณะเสียง waveform type ก็สามารถปรับได้ 4 แบบตามภาพด้านล่าง
ส่วนปุ่มด้านล่าง 2 ปุ่มก็คือ ....
- ปุ่ม Preview มีไว้กดเพื่อลองฟังดูก่อนว่าตัวโน๊ตและความสั้นยาวช่องว่างเวลา T1 / T2 ที่เรา set มันได้เสียงตามที่ต้องการหรือไม่
- เมื่อได้แล้วก็กดปุ่ม Save เพื่อ download เป็นไฟล์นำไปใช้ได้เลยครับ ไฟล์จะเป็น .WAV ซึ่งใช้เป็น Ringtone มือได้ หรือเตือนอย่างอื่นใน PC ได้
ส่วนของ code ใน JavaScript จะเรียกใช้ส่วนหนึ่งของ
Web Audio API คือ "
gainNode.gain.exponentialRampToValueAtTime()" เพื่อปรับแต่ง amplitude ของ waveform ให้เสียงมีความต่างหลายแบบ เช่น นุ่มนวล / มีหางเสียง / หัวโน้ตไม่แข็ง
ลองเล่นดูนะครับ
มีของเล่นมาฝาก .... เวบทำเสียง Alert / Ringtone มือถือ
มีของเล่นมานำเสนอ (ผมทำเอง) เป็นเวบสร้างเสียงตามโน้ตดนตรีที่เรากำหนดเองได้ สามารถใช้สร้างเสียงเตือนได้หรือทำ Ringtone มือถือก็ได้
https://www.navy007.com/Ringtone.htm
ตัวอย่างเสียงครับ
https://navy007.com/Sound.htm
หน้าตาของมันก็จะประมาณนี้ ทางฝั่งซ้ายจะเป็นแผงปุ่มโน๊ตดนตรี ซึ่งผมออกแบบให้เริ่มต้นที่โน๊ต C4 (261 Hz) และสูงสุดที่ตัวโน๊ต A7 (3,520 Hz) เนื่องจากช่วงนี้เป็นความถี่ที่พอดีไม่ต่ำเกินไปไม่สูงเกินไปครับ
ส่วนทางฝั่งขวาก็จะเป็นรายการตัวโน๊ตที่เราเลือกไว้เพื่อที่จะมาสร้างเป็นทำนองเพลงที่เราต้องการ โดยมีช่องให้ใส่เวลาที่ควบคุมได้คือตัว T1 และ T2 เพื่อที่จะควบคุมความสั้นยาวของเสียงและช่องว่างระหว่างตัวโน๊ต เพื่อให้มีจังหวะใกล้เคียงกับทำนองเพลงที่เราต้องการมากที่สุด .... เอา mouse คลิกที่ช่องเวลา T1 / T2 และ scroll mouse เพื่อเปลี่ยนเลขเวลาได้เลย และแถบรายการนี้ใช้ Mouse ลากขึ้นลงเปลี่ยนลำดับได้
ในตัวของลักษณะเสียง waveform type ก็สามารถปรับได้ 4 แบบตามภาพด้านล่าง
ส่วนปุ่มด้านล่าง 2 ปุ่มก็คือ ....
- ปุ่ม Preview มีไว้กดเพื่อลองฟังดูก่อนว่าตัวโน๊ตและความสั้นยาวช่องว่างเวลา T1 / T2 ที่เรา set มันได้เสียงตามที่ต้องการหรือไม่
- เมื่อได้แล้วก็กดปุ่ม Save เพื่อ download เป็นไฟล์นำไปใช้ได้เลยครับ ไฟล์จะเป็น .WAV ซึ่งใช้เป็น Ringtone มือได้ หรือเตือนอย่างอื่นใน PC ได้
ส่วนของ code ใน JavaScript จะเรียกใช้ส่วนหนึ่งของ Web Audio API คือ "gainNode.gain.exponentialRampToValueAtTime()" เพื่อปรับแต่ง amplitude ของ waveform ให้เสียงมีความต่างหลายแบบ เช่น นุ่มนวล / มีหางเสียง / หัวโน้ตไม่แข็ง
ลองเล่นดูนะครับ