Streaming Server & Multimedia

Chrome ~ Live Caption

May 7, 2021 12:36

กราบสวัสดีคุณผู้อ่านทุกๆ ท่านนนน … blog วันนี้ ผู้เขียนจะขอว่าด้วยเรื่องของ Google Chrome Live Caption !! คาดว่าหลายๆ ท่านอาจจะเคยเจอปัญหาเช่นเดียวกับผู้เขียน เช่น เมื่อเราต้องการดูข้อมูลวิธีการอะไรสักอย่างนึง เราก็จะ Search google เพื่อหาข้อมูล บ่อยครั้งที่ข้อมูลที่เราได้จะอยู่ในรูปแบบของวิดีโอ ซึ่งมีผู้รู้หลายๆ ท่านมาแชร์เอาไว้ และก็บ่อยครั้งอีกเช่นเดียวกัน ที่ความรู้เหล่านั้นอยู่ในรูปแบบภาษาอังกฤษ (ซึ่งทักษะภาษาอังกฤษของผู้เขียนก็ … นะ T T) ปัญหาของผู้เขียนก็คือ ฟังไม่ทัน ฟังไม่เข้าใจ เค้าพูดอะไร !! 55+ ดังนั้นผู้เขียนจึงหาข้อมูล หาวิธีการต่างๆ ที่จะช่วยให้ตัวเองสามารถเข้าใจในข้อมูลเหล่านั้นได้เพิ่มมากขึ้น ในระยะเวลาที่จำกัด ค้นไปค้นมา นั่นแน่ … ก็มาเจอกับ Feature ใหม่ของ Google Chrome ที่มีชื่อว่า Live Caption นั่นเอง Live Caption บน Google Chrome แปลง่ายๆ เลยก็คือ มันจะช่วยขึ้น Subtitle ให้เราสามารถอ่านตามไปได้ และสามารถใช้งานได้ดีกับวิดีโอบน youtube หรือแม้กระทั่ง Podcast (แต่ปัจจุบันยังรองรับแค่ภาษาอังกฤษ เท่านั้นนะ) คำถามถัดมา แล้วเราจะทำยังไงให้ Google Chrome ของเรา แสดง Live Caption ได้ละ … ไป ไปเริ่มตั้งค่ากันเลย step 1 : เปิด Browser google chrome ขึ้นมาก่อน จากนั้นไปที่จุด 3 จุด มุมขวาบนของ Browser —> เลือก Settings step 2 : เลือกเมนู Advance step 3 : เลือก Accessibility step 4 : สุดท้ายเลือก on คำสั่ง live caption ตามในรูปเล้ยยยย เมื่อเราตั้งค่าเสร็จเรียบร้อยแล้ว ก็มาดูผลลัพธ์กัน ว่าจะเป็นยังไง หน้าตาที่ได้ก็ประมาณตามวิดีโอตัวอย่างด้านล่างนี้นะ จริงๆ แล้วจากที่หาข้อมูลพบว่า Feature Live Caption ตัวนี้เนี่ย เค้าออกแบบมาเพื่อสนับสนุนผู้มีปัญหาทางการได้ยิน แต่เอาจริงๆ นะ ผู้เขียนมองว่ามันมีประโยชน์ไม่น้อยเลยกับคนทั่วไป ถึงแม้ตอนนี้จะยังคงรองรับเพียงแค่ภาษาอังกฤษ แต่นั่นผู้เขียนก็มองว่ามันดีมากๆ แล้ว แถมยังสามารถใช้ได้ทั้งการดูวิดีโอแบบออนไลน์ และ ออฟไลน์ เลยด้วย ดีมากจริงๆ ยังไงก็แล้วแต่ ผู้เขียนก็หวังเหมือนเดิมอีกเช่นเคย หวังว่า blog นี้จะยังคงมีประโยชน์กับหลายๆ คน ไม่มากก็น้อย แนะนำให้ลองไปใช้กันดูนะทุกคน ขอบคุณแหล่งที่มา : ข่าวไอทีใน https://www.techhub.in.th/ ไว้น่ะที่นี้แง๊บบบบ

วิธีสร้าง Live Stream ด้วย Google Meet เพื่องานประชุมขนาดใหญ่ — Deprecated

March 18, 2020 11:28

ต่อจาก ทุกคนใน PSU ใช้ Google Meet สำหรับประชุม / การเรียนการสอน ได้ใน 3 ขั้นตอน การประชุม มี 2 รูปแบบ 1) แบบห้องประชุมเล็ก อาจจะเป็นการประชุมเล็ก ทุกคนสามารถพูดแทรกได้ (Discussion) เป็นแนวระดมความคิด (Brainstorm) นึกถึงห้องประชุมที่ทุกคนนั่งหันหน้าเข้าหากัน บนโต๊ะอาจจะมีไมโครโฟนของแต่ละคน ใครจะพูด ก็ยกมือ ขออนุญาตประธาน แล้วกดปุ่มพูด การประชุมแบบนี้ Google Meet ให้คนเข้าร่วมได้สูงสุด 250 คน ** ข้อแนะนำ ** ผู้เข้าร่วมประชุม ควรปิดไมค์ของตนเองไว้ก่อนเสมอ เพราะเสียงต่าง ๆ จะแทรกเข้าไปในห้องประชุมได้ ไว้เวลาอยากจะพูดอะไร ค่อยเปิดไมค์ แล้วพูด Google Meet จะสลับมายังหน้าของท่านเองอัตโนมัติ ปิดไมค์ใน Google Meet ทำงี้ครับ (แบบนี้คือเปิดอยู่ คลิกรูปไมค์เพื่อปิด) อย่างนี้ คือปิดเสียงแล้ว 2) แบบห้องประชุมเปิดขนาดใหญ่ การประชุมแบบนี้ เปิดให้คนจำนวนมาก สามารถเข้าฟังได้ โดยจะมีผู้พูดอยู่แหล่งเดียว อาจจะมีไมค์อยู่จำนวนหนึ่ง สำหรับให้ผู้เข้าร่วมประชุมซักถามได้ ในกรณีนี้ Google Meet สามารถรองรับการเข้าชม “พร้อม ๆ กัน” ได้ถึง 100,000 คน เรียกว่า “Live Stream” ในทางเทคนิคการใช้งาน หากผู้เข้าร่วมประชุมท่านใด ต้องการพูดกับผู้บรรยาย ก็ค่อย สลับเข้าร่วม (Join Meeting) ได้ ซึ่งก็จะสอบถามได้พร้อมกัน 250 คน วิธีทำ Live Stream บน Google Meet Live Stream ต้อง “เริ่มต้น” จาก Google Calendar เท่านั้น 1 สร้าง Event บน Google Calendar (ของ PSU เท่านั้น, Free Gmail ทำไม่ได้) เริ่มจาก คลิก วันที่ต้องการบรรยาย แล้ว ใส่ชื่อ Event เลือกช่วงเวลา แล้วคลิก More Options 2 เลือก Add Conference > Hangout Meet 3 เลือก Add live stream 4 Copy live stream link เอาไปเผยแพร่ เช่น แปะเป็น Link บน Website เป็นต้น 4 กดปุ่ม Save เป็นอันเรียบร้อย แล้วก็ รอเวลา ผู้จัดการบรรยาย ก็เข้าไปทำหน้าที่ครับ UPDATE: จากนั้น ก็เข้า Join Hangout Meet คลิก Join Now เสร็จแล้ว คลิกที่ Setting (3 จุดด้านขวาล่าง) แล้วคลิก Start Streaming วิธีการนี้ ทำให้ “คนในองค์กร” ของเรา สามารถเข้าฟังการบรรยายได้พร้อม ๆ กัน เป็นจำนวนมาก ดังนั้น ต้อง Login ด้วย PSU G Suite for Education Account ก่อน จึงจะสามารถเข้าดูได้ –> Free Gmail และ ผู้ที่ไม่ได้ Login

ทุกคนใน PSU ใช้ Google Meet สำหรับประชุม / การเรียนการสอน ได้ใน 3 ขั้นตอน

March 16, 2020 11:08

Google Meet เปิดให้บัญชีของ PSU Email “ทุกคน” สามารถใช้งานได้ (เพราะเราใช้บริการ G Suite for Education) สร้างห้องประชุมได้ * รองรับได้สูงสุด 250 คน ต่อห้อง ** สตรีมมิงแบบสด บันทึก VDO ได้ โดยเก็บบน Google Drive *** * เราในฐานะผู้มีบัญชี G Suite สามารถ สร้าง ได้ และเชิญผู้เข้าร่วม โดย ผู้เข้าร่วมประชุม ไม่จำเป็นต้องมี Google Account ก็ได้ (ดูอย่างเดียว) ** ถ้าต้องการทำสำหรับงานประชุมที่มีคนดูอย่างเดียวจำนวนมาก เช่น เปิดสอนคลาสใหญ่ แนะนำ วิธีสร้าง Live Stream ด้วย Google Meet เพื่องานประชุมขนาดใหญ่ *** สามารถบันทึกได้จนถึง 1 ก.ค.2020 เริ่มกันเลย 0: Login ด้วย PSU Email (หากยังไม่เคยใช้บริการมาก่อน ขอให้ดำเนินตามขั้นตอนตามนี้ https://gafe.psu.ac.th/support/1/1) และแนะนำให้เริ่มต้นจากหน้า Gmail 1: คลิกที่ App หรือ 9 จุด จากนั้นคลิกที่ ไอออน Meet ดังภาพ (หรือจะเปิด website https://meet.google.com เลยก็ได้) 2: คลิกที่ Join or start a meeting แล้วตั้งชื่อเป็นภาษาอังกฤษ แล้วคลิก Continue แล้วคลิก Allow คลิก Join Now 3: เชิญคนเข้าร่วม ทำได้โดยการ ส่ง Link ไปให้ เช่น ส่งทาง LINE/Facebook/Email หรืออะไรก็แล้วแต่สะดวก หรือ จะ Add People ก็ได้ หากต้องการห้องเฉพาะกลุ่ม นอกนั้น … บันทึก VDO คลิกรูป 3 จุดด้านล่างขวา แล้ว เลือก Record meeting แล้วก็ Accept แสดง PowerPoint เริ่มจากเปิด PowerPoint ที่ต้องการ แล้วเข้าสู่โหมด Presentation แล้วคลิก Present now แล้ว เลือก A window แล้วเลือก window ที่ต้องการแสดง แล้วกดปุ่ม Share เลือกสลับหน้าจอได้ เลือกว่าให้จะนำภาพใครขึ้น Stage หรือ จะดูในส่วนของ Chat ก็ได้ หยุดการบันทึก คลิกที่ 3 จุด ด้านล่างขวา แล้ว กด Stop recording หยุด Meeting คลิกที่รูป โทรศัพท์สีแดงตรงกลาง ไฟล์บันทึก Meeting อยู่ใน Google Drive ที่ My Drive > Meet Recordings หมายเหตุ: จะได้ไฟล์ ซึ่งสามารถ Download ออกมาเป็น .mp4 ได้ (รอสักครู่หลังสิ้นสุดการ Meeting) และ จะสามารถ Play ได้ เมื่อ Google Drive เตรียมไฟล์เสร็จ เช่น เอาไปแสดงในเว็บไซต์ ตามวิธีการ เค้าเอาไฟล์ MP4 บน

แชร์ประสบการณ์การสอบวิทยานิพนธ์ออนไลน์ผ่านระบบวิดีโอคอลด้วยงบประมาณศูนย์บาท (Zoom)

January 29, 2020 16:25

สืบเนื่องจากที่ได้ไปอบรมการใช้งานโปรแกรม Zoom ณ ศูนย์คอมพิวเตอร์ ม.อ. ที่ผ่านมาประกอบกับนโยบายของคณะที่ต้องการลดค่าใช้จ่ายในเรื่องค่าเดินทางของผู้ทรงคุณวุฒิ เพื่อมาสอบวิทยานิพนธ์ของนักศึกษาบัณฑิตศึกษา จึงได้ทดลองใช้จัดสอบวิทยานิพนธ์ออนไลน์ผ่านระบบวิดีโอคอลด้วยงบประมาณศูนย์บาทโดยใช้อุปกรณ์เครื่องไม้เครื่องมือที่มีอยู่แล้ว ดังนี้ เครื่องมือ เครื่องคอมพิวเตอร์ Lenovo all in one c340 ที่ติดตั้งในห้องเรียนอยู่แล้วกับเครื่องโปรเจกตอร์ กล้อง WebCam Microsoft LifeCam Studio พร้อมขาตั้งกล้อง ไมโครโฟนไร้สาย Boya BY-WM8 Pro K2 ผลการใช้งานระบบ โปรแกรม Zoom สามารถใช้งานได้ดี ระบบมีความเสถียรในเรื่องของสัญญาณภาพและเสียง ให้ความรู้สึกเหมือนพูดคุยโต้ตอบแบบ RealTime ไม่ดีเลย์แม้ใช้งานบนเครือข่าย WIFI 2.4 GHz ภาพและเสียงคมชัดทั้งสองฝ่าย สามารถแชร์ภาพจากหน้าจอได้ โปรแกรมใช้งานง่าย โดยที่ผู้ทรงฯ สามารถใช้งานได้เองโดยไม่ต้องมีผู้ช่วย ข้อจำกัดและอุปสรรคที่พบ โปรแกรมใช้งานได้แค่ 40 นาที สำหรับบัญชีแบบ Basic คุณภาพจากกล้อง WebCam ดีระดับหนึ่ง แต่ไม่สามารถซูมภาพได้ ไมโครโฟนไร้สายที่การใช้งานจริงยังไม่คล่องตัวเท่าไรหากใช้สนทนาแบบกลุ่ม ควรเปลี่ยนเป็นไมโครโฟนวิดีโอคอนเฟอเรนซ์ที่สามารถดูดเสียงได้รอบทิศทาง ภาพบรรยายกาศในวันสอบ…

เค้าเอาไฟล์ MP4 บน Google Drive ไปแสดงใน Video Player บนเว็บได้อย่างไร

October 31, 2019 15:46

สมมุติว่า เรามีไฟล์วิดีโอเป็น .mp4 อยู่ไฟล์หนึ่ง อยู่ใน Google Drive ต้องการเผยแพร่ เฉพาะบน Website ของเราเท่านั้น จะต้องทำอย่างไร? Javascript video player สิ่งแรกที่ต้องมีคือ ตัว Video Player บนเว็บ ลอง Google ด้วยคำว่า “javascript video player” ดู มีหลายตัวให้เลือกใช้ แต่ในที่นี้ ขอทดลองกับ video.js (เว็บไซต์ https://videojs.com ) คลิกที่ USE NOW ( https://videojs.com/getting-started/ ) จากนั้น ลองสร้างไฟล์ test.html โดยเอา Code จาก Video.js CDN ไปแปะเลย จาก Code นี้ JavaScript จาะเรียกไฟล์ .MP4 จากไฟล์ชื่อ MY_VIDEO.mp4 ซึ่ง ถ้าเอา test.html นี้ไปวางบน Web Server ก็หมายความว่า เราต้องมีไฟล์ MY_VIDEO.mp4 ด้วย ไฟล์ MP4 บน Google Drive ตัวอย่างเช่น เราอาจอัดคลิปวิดีโอการสอน อยากจะเผยแพร่บนเว็บไซต์ของหน่วยงาน ผ่าน JavaScript Video Player อย่าง video.js ข้างต้น ก็สามารถทำได้ดังนี้ แชร์ไฟล์ดังกล่าว ให้เป็น Anyone with the link can View แล้ว copy link นั้นมา หน้าตาประมาณนี้ https://drive.google.com/open?id=FILE_ID จะเห็นคำว่า id= FILE_ID ตรงนี้ให้ Copy เก็บไว้ แต่การที่เราจะเอา Link นี้ไปใช้ใน Video Player ตรง ๆ ไม่ได้ เพราะมันเป็นการเรียกใช้ Google Drive ไม่ใช่การเรียก File Content GoogleAPI วิธีการที่จะ Get Content ของไฟล์ที่ต้องการออกมากจาก Google Drive สามารถเรียกผ่าน Google API ซึ่ง หากจะทำเองก็สามารถทำได้ มีพวก node.js ให้ใช้งานอยู่ แต่พบว่า สามารถเรียกใช้ www.googleapis.com ได้ โดยอ้างอิงจาก https://googleapis.github.io/ ในที่นี้ จะเรียกผ่าน Google Drive API ใน Version 3 รูปแบบ URL จะเป็นดังนี้ ในการใช้งาน ต้องการ 2 ส่วน FILE_ID ได้จากการแชร์ไฟล์ข้างต้น API_KEY ได้มาจากการสร้าง Credential บน Google Cloud Platform วิธีการทำตามนี้ https://cloud.google.com/docs/authentication/api-keys การใช้งาน Google API นั้น มีส่วนทั้งที่ต้องจ่ายเงิน และส่วนที่ใช้ฟรี แต่ถูกจำกัด Quota ในกรณี Google Drive API สามารถใช้ได้ฟรี แต่จะมี Quota อยู่ โดยดูได้จาก https://developers.google.com/drive/api/v3/about-sdk ประกอบร่าง เมื่อได้ FILE_ID และ API_KEY มาแล้ว ก็เอาไปใส่ใน Code ข้างต้น หวังว่าจะเป็นประโยชน์ครับ Disclaimer: จุดประสงค์ของบทความนี้ เพื่อแนะนำวิธีการทำเท่านั้น โปรดนำความรู้นี้ไปใช้งานอย่างสร้างสรรค์นะครับ ผู้เขียนบทความไม่เกี่ยวข้องใด ๆ กับผู้นำไปใช้ทั้งสิ้น