วิธีใส่ Chat ลงไปบนหน้าจอ Live แบบให้ดูดี ไม่รกหูรกตา สำหรับใช้บน MyLive.in.th

Streaming Media & Technics

พอดีใช้มาซักพักแล้ว ถูกถามเข้ามาบ่อยๆนะครับว่าทำอย่างไร มาเขียนบอกเลยละกันครับ เวลาโดนถามอีกจะได้โยนลิ้งค์นี้ให้ได้อ่านกันง่ายๆดี

คือจริงๆที่ผมเลือกใช้วิธีนี้ ก็เพราะว่าบางทีผมเล่นเกมแล้วมีคนมาดูย้อนหลัง ในภายหลัง หรือที่ผมเอาไปอัพลง youtube

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

[divider]

หลักๆแล้ว ผมใช้แค่การ Crop Screen (Add Screen Region) เท่านั้นเองครับ แต่มีการปรับแต่งเล็กน้อยเพื่อให้ดูดี

โดยวิธีนี้จะสามารถใช้ได้กับ Google Chrome เท่านั้นนะครับ เพราะตัว Chrome สามารถแก้ Inspect element ได้เลยบน Browser

คือเดิมที ตัว Chat ของ MyLive จะมีเส้นขั้นระหว่างช่อง Chat อยู่ ฉะนั้นเราต้องเอาเส้นนั้นออกไปก่อน โดยเริ่มจาก

เราต้องเปิด Chat Popup ขึ้นมาก่อน จากนั้นให้คลิกขวาที่บรรทัดที่มีการแชทขึ้นมาแล้ว (หากเพิ่งสร้างห้อง ให้พิมพ์อะไรลงไปซักอย่าง แล้วคลิกขวาที่บรรทัดนั้นเอา)

จากนั้นเลือก Inspect element

0

จากนั้นจะมีแถบโค๊ดด้านขวาโผล่ขึ้นมา ให้เราคลิกเลือก ในส่วนของ li id=”chat_xxxxxx” ซักอันนึงมา จากนั้นสังเกตุที่ด้านล่างตรง border-bottom ให้เอาเม้าส์ไปคลิก แล้วมันจะมีกล่องติ้กโผล่ขึ้นมา ให้ติ้กออกไป

1

เท่านี้ เส้นขั้นก็จะหายไปแล้วครับ

2

เท่านี้ล่ะครับ เราก็กดปิดแถบด้านขวาออกไปได้เลย โดยมองที่ขวาบนของช่องโค๊ดนั้นครับ จะมีปุ่มปิดอยู่

จากนั้นเราก็มา Crop ช่องแชทนี้ไปลงในโปรแกรม Live Stream กันเลย ผมจะอ้างอิงจากโปรแกรม Xsplit นะครับ เนื่องจากผมไม่ชอบใช้ OBS

พอ Crop มาแล้วก็เลือกจุดที่อยากจะวางแชทเอาไว้ตามใจชอบ

3

หลังจากจัดวางเรียบร้อยแล้วก็คลิกขวาที่ Layer ที่ Crop มา เลือกไปที่ Color แล้วกดที่ Keying ด้านล่างเลือกไปที่ Color Key จากนั้น กด Eyedrop Tool แล้วจิ้มไปที่ฉากสีเทาด้านหลังแชท แล้วสีนั้นก็จะหายไปเลย

4

เท่านี้ฉากหลัง ก็จะหายไปแล้ว เราก็มาจัดแสงสีกันหน่อย เพื่อให้มันอ่านง่ายขึ้น ตั้งค่าดังภาพข้างล่างนี้เลย

5

เท่านี้ก็จะได้ Chat Log Realtime บน Livestream แล้วครับ แต่อย่าลืมว่าวิธีนี้ต้องทำทุกครั้งที่ Live ห้องใหม่นะครับ เพราะการแก้ Inspect element ในตอนนั้นๆ มันแค่แก้ให้เราเห็นค่าที่เปลี่ยนไปคนเดียวในจอเรา แค่หน้านั้น ตอนนั้นเท่านั้นครับ

ข้อแนะนำ

สำหรับผู้ใดที่ชอบเล่นเกมที่มีความเร็วสูง ที่ทำให้ภาพแตก ตัวหนังสือที่ Crop มาก็จะแตกไปด้วย ในช่วงเวลาที่ภาพมีการเปลี่ยนแปลงไว เพราะฉะนั้น ควรจะตั้งค่า Bitrate ในระดับนึง และปรับ FPS ไว้เพียง 30 เท่านั้นก็พอครับ

Stream Setting ของผมเป็นตามนี้นะครับ

Video Bitrate 1800
Audio Bitrate 190
Resolution 1280×720
FPS 30

ไว้มีเทคนิคอะไร จะเอามาเขียนลงเพิ่มให้ครับ ( `ー´)ノ

Copied title and URL