เว็บไซต์แคมเปญโปรโมทเพลง
เพลง "จากนี้ (BFF)" โดย Whal & Dolph ศิลปินไทยจากค่าย What The Duck
โปรเจกต์สาธารณะ・ก.พ. 2022
ดูเว็บไซต์
Whal & Dolph วงดนตรีป็อปอินดี้สัญชาติไทยจากค่าย What The Duck ที่มีผู้ติดตามหลักแสนคน และหนึ่งในมิวสิควิดีโอของพวกเขายังมียอดวิวสูงถึง 20 ล้านวิว
ในเดือนกุมภาพันธ์ปี 2022 วง Whal & Dolph ได้ปล่อยเพลงใหม่ "จากนี้ (BFF)" และต้องการสร้างเว็บไซต์แคมเปญเล็กๆ เพื่อให้แฟนเพลงได้ร่วมสนุก และเพื่อโปรโมทเพลงบนโลกออนไลน์
ในเพลงมีท่อนหนึ่งที่ร้องว่า “จากนี้จะเป็นยังไง ถ้าเธอได้รู้ความในใจฉัน” จึงออกมาเป็นเว็บไซต์พยากรณ์ที่จะตอบคำถามจากเนื้องเพลงท่อนดังกล่าว
งานนี้มีความต้องการที่เรียบง่ายไม่ซับซ้อน ดังนี้:
1.) มีการเล่นเพลงในเว็บไซต์
2.) เว็บไซต์สามารถสุ่มคำตอบให้ใหม่ได้ทุกครั้งที่มีคนเข้าใช้งาน
3.) สามารถแชร์คำตอบที่ได้ลงบน social media
1.) มีการเล่นเพลงในเว็บไซต์
2.) เว็บไซต์สามารถสุ่มคำตอบให้ใหม่ได้ทุกครั้งที่มีคนเข้าใช้งาน
3.) สามารถแชร์คำตอบที่ได้ลงบน social media
ความท้าทายของงานนี้ไม่ใช่ Frontend แต่เป็น DevOps เนื่องจากผมรับผิดชอบงานนี้เพียงคนเดียวจึงเลือกใช้บริการ Hosting ผ่าน Firebase Hosting เพราะสามารถขึ้นเว็บไซต์ได้ทันทีและรองรับผู้ใช้งานได้ในระดับหนึ่งแต่เมื่อถึงเวลาใช้งานจริงกลับมียอดเข้าใช้งานสูงกว่าที่ผมคาดไว้ ทำให้เว็บไซต์มีปริมาณ data transfer สูงกว่า 360 MB ในหนึ่งชั่วโมง ผมจึงต้องศึกษาหาวิธีรับมือและทำให้ผมได้รู้จักกับไฟล์ภาพ .WEBP ซึ่งเป็นไฟล์ภาพที่ Google พัฒนาขึ้นเมื่อปี 2010 เพื่ออำนวยความสะดวกบนเว็บไซต์โดยเฉพาะ สามารถแสดงผลได้อย่างคมชัดเทียบเท่ากับไฟล์ภาพปกติแต่มีขนาดไฟล์เล็กกว่าถึง 25 – 34 % นอกจากนี้ ยังรองรับการแสดงผลแบบโปร่งใสได้เช่นเดียวกับไฟล์ PNG [1] หลังจากเปลี่ยนไฟล์ภาพทั้งหมดเป็นไฟล์ WEBP ทำให้ลดปริมาณ data transfer ลงได้มาก แถมยังช่วยลดเวลา page load ลงอีกด้วย
อ้างอิง:
1. The Digital Tips. (19 เมษายน 2023). ไฟล์ภาพ WEBP คืออะไร ทำไมคนทำเว็บไซต์ถึงนิยมใช้แทน JPEG.