YouMind
ลงชื่อเข้าใช้

เปลี่ยนหน้าโฮมของ Samsung Frame ให้เป็นแบบใหม่

@nathanclark
อังกฤษ20 ต.ค. 2569
157K
547
16
30
1.2K

TL;DR

คู่มือฉบับละเอียดสำหรับการสร้างแอปหน้าโฮมแบบกำหนดเองสำหรับ Samsung Frame TV โดยใช้เครื่องมือพัฒนา Tizen และผู้ช่วยเขียนโค้ดด้วย AI เช่น Codex และ Claude

เมื่อสองสามวันก่อน ผมเห็นโพสต์ของ Ryan Doyle เกี่ยวกับการใช้ Claude Code เพื่อปรับแต่งทีวีของเขา ก็เลยคิดว่าอยากลองทำกับทีวีของผมบ้าง

https://x.com/doooyle/status/2111196679680540724

ทีวีของผมคือ Samsung 'The Frame' รุ่นปี 2024 ที่รันระบบ Tizen

ผมไม่ชอบ Smart Hub ของ Samsung หรืออะไรก็ตามที่พวกเขาเรียกมัน และอยากได้หน้าจอโฮมที่เรียบง่ายกว่านี้ โดยเน้นไปที่แอปที่ผมใช้งานจริงๆ

ตอนนี้ ผมตั้งชื่อวิธีแก้ปัญหาของผมว่า Clean Frame

หลังจากที่ผมโพสต์ภาพหน้าจอไปไม่กี่รูป ก็มีคำถามเข้ามาเยอะมาก ทั้งเรื่องผมทำให้มันทำงานบน Samsung ได้อย่างไร มันยังใช้เป็น Frame สำหรับแสดงงานศิลปะได้อยู่ไหม และผมจะแชร์ repo ให้หรือเปล่า บางคนก็เคยลองทำกับ Claude แล้วแต่ติดปัญหา

ส่วนตัวผมไม่ค่อยมีเวลาเขียนอธิบายเท่าไหร่ เลยให้ Codex ช่วยรีวิวแชทของเรา ผมพูดบอกมันไปไม่กี่นาที แล้วมันก็เผยแพร่เนื้อหาที่คุณจะได้อ่านด้านล่างนี้

ข้อควรระวังสั้นๆ:

ผมไม่ใช่ผู้เชี่ยวชาญเลยสักนิด การทำแบบนี้ย่อมมีความเสี่ยงแน่นอน และการเปลี่ยนการตั้งค่าเหล่านี้อาจทำให้เกิดปัญหาหรือทำให้ทีวีของคุณใช้งานไม่ได้ ถ้าคุณอยากลองทำ ต้องยอมรับความเสี่ยงด้วยตัวเองนะ

การนำแอปเข้าไปติดตั้งในทีวี

ผมเริ่มแบบระมัดระวังสุดๆ ก่อนที่จะไปกังวลเรื่องหน้าตา ผมแค่อยากรู้ก่อนว่าจะเอาแอปของตัวเองเข้าไปใส่ในทีวีได้จริงไหม

ผมใช้ Codex ร่วมกับ Astra เพื่อจัดการขั้นตอนการตั้งค่าของ Samsung โดยเริ่มจากการเปิด Developer Mode บนทีวีและเชื่อมต่อจากคอมพิวเตอร์ ระบบ Tizen มีเครื่องมือสำหรับนักพัฒนาเพื่อติดตั้งแอปของคุณเองได้ เราเลยเริ่มจากตรงนั้น

ตัวแอปเป็นแค่ HTML, CSS และ JavaScript เครื่องมือของ Samsung จะแพ็กเกจสิ่งเหล่านี้เพื่อให้รันบนทีวีได้ Tizen ยังคงเป็นตัวรันทีวีอยู่ และ Clean Frame จะเปิดแอปสตรีมมิ่งที่ติดตั้งไว้แล้วในเครื่อง

เวอร์ชันแรกพื้นฐานมากๆ ผมใช้รีโมทสลับไปมาระหว่างแอปสองสามแอป กดปุ่ม OK แล้วเปิด Netflix หรือ YouTube ได้ นั่นคือทั้งหมดที่ผมต้องการทดสอบในตอนนั้น

Nathan Clark - inline image

เวอร์ชันแรกที่ผมทดสอบและติดตั้งลงบนทีวี

พอทำได้สำเร็จ ผมถึงเริ่มคิดว่าจะใส่อะไรลงไปบนหน้าจอจริงๆ จังๆ

ถ้าคุณอยากลองทำเอง นี่คือขั้นตอนการตั้งค่า:

  1. ให้คอมพิวเตอร์และทีวีอยู่ในเครือข่ายท้องถิ่นเดียวกัน
  2. เปิด Apps → App Settings บนทีวี แล้วกดตัวเลข 12345 ด้วยแป้นตัวเลขบนรีโมท
  3. เปิด Developer Mode แล้วกรอก IP address ท้องถิ่นของคอมพิวเตอร์ ในช่อง Host PC IP
  4. รีสตาร์ททีวี จากนั้นเชื่อมต่อจากคอมพิวเตอร์โดยใช้เครื่องมือสำหรับนักพัฒนาของ Samsung
  5. ใช้เครื่องมือสร้างใบรับรอง (certificate) ของ Samsung เพื่อสร้าง author certificate และ distributor certificate เพิ่ม device ID (DUID) ของทีวีคุณลงใน distributor certificate จากนั้นแพ็กเกจและติดตั้งแอปของคุณ

ระวังจะสับสนที่อยู่ IP กันง่ายๆ นะ คุณต้องกรอก IP ของคอมพิวเตอร์ลงในทีวี แล้วใช้ IP ของทีวีเพื่อเชื่อมต่อจากคอมพิวเตอร์ คู่มือการเชื่อมต่อของ Samsung และ คู่มือใบรับรอง อธิบายขั้นตอนไว้หมดแล้ว

เมื่อติดตั้งเครื่องมือ SDB ของ Samsung เสร็จแล้ว ให้ใช้คำสั่งเหล่านี้เพื่อเชื่อมต่อและเช็คว่าทีวีปรากฏขึ้นมาหรือไม่ โดยเปลี่ยน TV_IP เป็นที่อยู่ท้องถิ่นของทีวีคุณ:

bash
1sdb connect TV_IP:26101
2sdb devices

ผมต้องปิดสวิตช์ที่ปลั๊กผนังของ Frame แล้วเปิดใหม่ คอมพิวเตอร์ถึงจะเชื่อมต่อได้ เพราะการกดปุ่ม Power บนรีโมทเป็นแค่การเข้าโหมด Art Mode เท่านั้น

เรายังเคยโดนปฏิเสธแอปเพราะวิธีการเซ็นชื่อ (sign) ของเราด้วย แต่พอใช้เครื่องมือแพ็กเกจของ Samsung เอง ปัญหาก็หมดไป

ผมใช้ prompt อะไร?

มีคนขอ prompt นี้มาเพราะ Codex คอยแจ้งเตือนความพยายามของพวกเขา บางคนบอกว่า Claude บอกว่าทำแบบนี้บน Tizen ไม่ได้ หรือทำได้แค่ขั้นสร้างแอปที่กำหนดเองเท่านั้น ผมไม่รู้ว่าเซสชันเหล่านั้นต่างกันยังไง แต่ Codex กับ Astra ทำให้มันทำงานบนเครื่องของผมได้ โดยผมค่อยๆ ทำไปทีละขั้น

นี่คือตัวอย่างจุดเริ่มต้นที่ผมจะใช้ มากกว่าจะเป็น prompt เป๊ะๆ จากเซสชันของผม:

text
1ช่วยฉันสร้าง launcher แบบง่ายๆ สำหรับ Samsung Frame ของฉันหน่อย
2ตรวจสอบรุ่นและเฟิร์มแวร์ของฉันเทียบกับเอกสารสำหรับนักพัฒนาของ Samsung
3เริ่มจากแอป Tizen พื้นฐานที่มีการเซ็นชื่อ ซึ่งสามารถเปิดแอปสตรีมมิ่งที่มีอยู่แล้วได้
4อย่าเพิ่งไปยุ่งกับการตั้งค่า Home และ startup จนกว่าเราจะทำให้มันทำงานบนทีวีได้สำเร็จ

การออกแบบหน้าตา

ผมใช้ Codex และ Claude Opus 5.5 ลองออกแบบหลายแบบ บางแบบเป็นลิสต์ง่ายๆ ที่มีชื่อแอปตัวใหญ่ๆ บางแบบมี dock หรือตารางวางทับภาพถ่าย การได้เห็นพวกมันเทียบกันช่วยให้ผมรู้ตัวว่าชอบแบบไหน

Nathan Clark - inline image

Shore Tiles ดีไซน์ตารางกระจกยุคแรกๆ ที่ผมลองดูในเบราว์เซอร์

จากนั้นผมก็ปรับเลย์เอาต์ ฟอนต์ และความรู้สึกตอนใช้งานกับรีโมทไปเรื่อยๆ

ผมยังมีเครื่องมือปรับแต่งหน้าตาเล็กๆ ในเบราว์เซอร์ ที่เอาไว้ลองพื้นหลัง ฟอนต์ เลย์เอาต์ และเอฟเฟกต์กระจกแบบต่างๆ ร่วมกันได้ มันช่วยให้เห็นง่ายขึ้นว่าแบบไหนเวิร์คก่อนที่จะเอาไปใส่ในทีวี

Nathan Clark - inline image

เครื่องมือปรับแต่งหน้าตา ที่ผมใช้ลองตัวเลือกต่างๆ เทียบกันได้

สุดท้ายผมเลือกใช้ทั้งแบบลิสต์และ dock พร้อมการตั้งค่าให้เลือกพื้นหลัง ฟอนต์ และไอคอน ผมยังเลือกได้ด้วยว่าจะให้แอปไหนแสดงบ้าง และจัดเรียงตามลำดับที่ต้องการ

Nathan Clark - inline image

เลย์เอาต์แบบลิสต์ แสดงผลในเบราว์เซอร์

หลายคนถามว่ามันเร็วไหม ตอนแรกมันไม่เร็วนะ เอฟเฟกต์กระจกดูดีในเบราว์เซอร์ แต่พอเลื่อนไปมาบนทีวีกลับรู้สึกหนืด มีสองสิ่งที่แก้ปัญหานี้ได้ คือการปรับแต่งรูปภาพให้เหมาะสม และการเตรียมเอฟเฟกต์กระจกไว้ล่วงหน้า แทนที่จะให้ทีวีเรนเดอร์แบบเรียลไทม์ ตอนนี้มันตอบสนองไวสุดๆ ส่วนตัวแอปสตรีมมิ่งเองก็ยังใช้เวลาเปิดเท่าเดิม

รายการแอปก็ต้องทำความสะอาดเช่นกัน พอผมสั่งให้ Tizen ดึงรายชื่อแอปที่ติดตั้งไว้ มันส่งกลับมาเป็นร้อยรายการ หลายอันเป็นบริการเบื้องหลัง เครื่องมือจัดการบัญชี และแอประบบ เราเลยเพิ่มตัวกรองที่เช็คชื่อและ app ID ของแต่ละรายการ เก็บเฉพาะแอปสตรีมมิ่งที่ผมใช้ และตัดพวกส่วนประกอบภายในออกจากรายการเลือก พวกมันยังคงอยู่ในทีวีและทำงานของมันตามปกติ นี่แค่เป็นการจัดระเบียบรายการใน Clean Frame ไม่ได้ถอนการติดตั้งหรือปิดการใช้งานมันแต่อย่างใด

ผมขยายชื่อแอปให้ใหญ่ขึ้นและเว้นระยะห่างมากขึ้น เพื่อให้อ่านง่ายจากโซฟา ผมยังอยากให้ชัดเจนว่ากำลังเลือกแอปไหนอยู่ และอยากให้กลับมาที่ตำแหน่งเดิมหลังจากปิดหน้า Settings มีการปรับแก้ไปมาพอสมควรในรายละเอียดเล็กๆ เหล่านี้

การตั้งให้เป็นหน้าจอโฮม

พอผมพอใจกับการทำงานของมันแล้ว ผมก็อยากกดปุ่ม Home แล้วกลับมาที่หน้านี้ได้

เราลองใช้การตั้งค่า startup ของ Samsungดูก่อน ผมปิด Start with Smart Hub Home และเปิด Autorun Last App วิธีนี้ทำให้ Clean Frame กลับมาตอนเปิดทีวี ตราบใดที่มันเป็นแอปสุดท้ายที่ผมใช้

แต่การทำให้ปุ่ม Home พาผมกลับมาที่นี่หลังจากดูอะไรสักอย่างเสร็จ ต้องใช้ความพยายามมากกว่านั้น การติดตั้ง Clean Frame ทำให้ผมมีแอปที่เปิดได้ แต่ทีวีก็ยังต้องถูกสั่งให้ใช้มันเป็นหน้า Home เราเลยใช้โปรแกรมช่วยขนาดเล็กที่รันครั้งเดียวบนทีวีผ่านการเชื่อมต่อสำหรับนักพัฒนา มันจะเปลี่ยนการตั้งค่า Home ของทีวีให้ชี้ไปที่ Clean Frame และเปิดใช้งานการเปิดตัวอัตโนมัติสำหรับแอป Home นั้น เราบันทึกการตั้งค่าเดิมไว้ก่อนแล้ว และเช็คว่าสามารถกู้คืนกลับมาได้

ผมทดสอบเรื่องนี้กับ Netflix พอเปิดแอปแล้ว ผมกดปุ่ม Home บนรีโมทปกติ มันก็กลับมาที่ Clean Frame ทันที แปลว่าผมเปิดแอป แล้วกลับมายังหน้าจอโฮมของตัวเองได้ด้วยปุ่มเดียวกับที่ใช้ปกติ

ถ้าคุณอยากทำแบบนี้เหมือนกัน ส่วนนี้จะเกินขอบเขตการตั้งค่าแอปที่ Samsung เขียนไว้ในเอกสาร เครื่องของผมคือ Frame รุ่น LS03D รันเฟิร์มแวร์ 2130.0 ข้อมูลอ้างอิงที่เราใช้ เป็นของ Samsung อีกรุ่นหนึ่ง เราเลยเอามาเทียบกับทีวีของผมก่อนทำการเปลี่ยนแปลง โปรแกรมช่วยนี้รันแค่ครั้งเดียว ผมจึงไม่ต้องเสียบ Mac ค้างไว้เพื่อให้มันทำงาน

มันรันผ่านการเชื่อมต่อสำหรับนักพัฒนาและไม่จำเป็นต้องมีสิทธิ์ root แต่ผมก็ยังแนะนำให้ทำส่วนนี้อย่างระมัดระวัง เพราะมันเปลี่ยนการตั้งค่า Home ของทีวี และรุ่นหรือเฟิร์มแวร์อื่นอาจทำงานต่างออกไป

ตอนนี้ไปถึงไหนแล้ว

มันถูกติดตั้งบนทีวีของผมและทำงานได้ดี ผมเปลี่ยนเลย์เอาต์ ฟอนต์ และพื้นหลังได้ รวมถึงจัดเรียงแอปที่ต้องการตามลำดับที่ชอบ

รีโมทปกติใช้งานได้ การกดปุ่ม Home จะพาผมกลับมาที่ Clean Frame และผมยังใช้ทีวีแสดงผลงานศิลปะได้ตามเดิม

นี่คือรูปแบบผสมผสานบางส่วนที่ผมลองเล่นอยู่ ผมเปลี่ยนพื้นหลัง เลย์เอาต์ ฟอนต์ สไตล์โฟกัส และวิธีแสดงแอปกับปุ่มควบคุม Home ได้ ภาพหน้าจอเหล่านี้มาจากแอปปัจจุบันที่รันอยู่ในเบราว์เซอร์

Nathan Clark - inline image

การตั้งค่า Focus พร้อมพรีวิวว่า Glass และ Clear tint ดูเป็นอย่างไรบนหน้า Home

Nathan Clark - inline image

Blue Peaks กับเลย์เอาต์แบบลิสต์ ฟอนต์ Mori, โฟกัสแบบ Type และไอคอนสำหรับปุ่มควบคุม Home

Nathan Clark - inline image

ข้อความอย่างเดียวบนพื้นหลังสีดำ ใช้ฟอนต์ Mori และโฟกัสแบบ Type

Nathan Clark - inline image

Mountain Valley กับเลย์เอาต์แบบ dock, วัสดุ Clear tint และโฟกัสแบบ Glass

ในขณะที่เขียนบทความนี้ มีคนขอลิงก์ repo มาเยอะมาก ผมยังจัดการบางอย่างไม่เสร็จ และอาจจะเพิ่มลิงก์ไว้ที่นี่ทีหลัง ระหว่างนี้ คู่มือนี้น่าจะช่วยให้คุณทำของตัวเองได้เกือบสมบูรณ์ โดยเริ่มจากรุ่นและเฟิร์มแวร์ของทีวีคุณ แล้วค่อยๆ ทำไปทีละขั้น

✌🏼@nathanclark

คำถามเพิ่มเติมจากคอมเมนต์

ยังใช้เป็น Frame แสดงงานศิลปะได้อยู่ไหม?

ได้สิ ยังทำงานได้ปกติ พื้นหลังใน Clean Frame แยกออกจาก Art Mode ของ Samsung

จะเกิดอะไรขึ้นถ้า Netflix หรือแอปอื่นๆ อัปเดต?

พวกมันยังเป็นแอปที่ติดตั้งและจัดการโดยทีวีเหมือนเดิม Clean Frame แค่เปิดมันขึ้นมา ผมไม่ได้ดูแลเวอร์ชันแยกของ Netflix หรือ YouTube แต่การอัปเดตเฟิร์มแวร์ของ Samsung เป็นอีกเรื่องหนึ่ง: ผมยังไม่ได้ทดสอบว่าการตั้งค่า Home นี้จะรอดพ้นจากการอัปเดตเฟิร์มแวร์ไปได้ไหม

คุณเปลี่ยน Tizen หรือติดตั้ง Android เหรอ?

ทีวียังรัน Tizen อยู่ Clean Frame เป็นแอป Tizen และผมแค่เปลี่ยนการตั้งค่า Home ให้มันเปิดขึ้นมาเมื่อกดปุ่ม Home ผมไม่ได้ติดตั้ง Android หรือเปลี่ยนระบบปฏิบัติการของทีวีแต่อย่างใด

วิธีนี้ใช้กับทีวีรุ่นอื่นได้ไหม?

มีคนถามถึง Samsung รุ่นเก่า, LG, Hisense และ Vizio - ผมไม่รู้เรื่องพวกนั้นเลย แต่ดูเหมือนจะมีคนที่ทำสิ่งนี้ได้สำเร็จเพิ่มขึ้นเรื่อยๆ ในหลายรุ่น และเท่าที่ผมเห็น Tizen น่าจะเป็นหนึ่งในระบบที่ทำยากกว่าชาวบ้าน ดังนั้นมีโอกาสสูงที่ทีวีของคุณจะใช้ได้

อินเทอร์เฟซเป็น 4K ไหม?

อินเทอร์เฟซถูกสร้างที่ความละเอียด 1920 × 1080 และปรับขนาดให้พอดีกับหน้าจอ ผมยังไม่ได้ทำเวอร์ชัน 4K แท้ๆ ซึ่งเรื่องนี้แยกต่างหากจากคุณภาพวิดีโอภายในแอปสตรีมมิ่ง

ใช้กับ Home Assistant ได้ไหม?

ตอนนี้ยังไม่มีระบบเชื่อมต่อกับ Home Assistant ใน Clean Frame จนถึงตอนนี้ผมโฟกัสแค่หน้าจอโฮมและการใช้งานกับรีโมทปกติเท่านั้น แต่ท้ายที่สุดแล้วมันก็เป็นแค่เว็บแอป คุณสามารถเพิ่มฟังก์ชันอื่นๆ เข้าไปได้อย่างไม่ยากเย็น ดังนั้นเรื่องนี้จึงเป็นไปได้สูงมาก

บันทึกในคลิกเดียว

อ่านบทความไวรัลเชิงลึกด้วย AI ใน YouMind

บันทึกแหล่งที่มา ถามคำถามที่ตรงประเด็น สรุปข้อโต้แย้ง และเปลี่ยนบทความไวรัลให้เป็นโน้ตที่นำกลับมาใช้ได้ใน AI เวิร์กสเปซเดียว

สำรวจ YouMind
สำหรับครีเอเตอร์

เปลี่ยน Markdown ของคุณให้เป็นบทความ 𝕏 ที่สะอาดตา

เวลาคุณเผยแพร่งานเขียนยาวของตัวเอง การจัดรูปแบบรูปภาพ ตาราง และบล็อกโค้ดให้เข้ากับ 𝕏 นั้นน่าปวดหัว YouMind เปลี่ยนร่าง Markdown ทั้งฉบับให้เป็นบทความ 𝕏 ที่สะอาดตาและพร้อมโพสต์ทันที

ลอง Markdown เป็น 𝕏

แพตเทิร์นให้ถอดรหัสเพิ่มเติม

บทความไวรัลล่าสุด

สำรวจบทความไวรัลเพิ่มเติม