[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"academy-blogs-th-1-1-all-ep116-realtime-voice-video-webrtc-websocket-go-all--*":3,"academy-blog-translations-9u83c9b4adi7p6e":84},{"data":4,"page":72,"perPage":72,"totalItems":72,"totalPages":72},[5],{"alt":6,"collectionId":7,"collectionName":8,"content":9,"cover_image":10,"cover_image_path":11,"created":12,"created_by":13,"expand":14,"id":78,"keywords":79,"locale":54,"published_at":80,"scheduled_at":13,"school_blog":76,"short_description":81,"slug":82,"status":74,"title":6,"updated":83,"updated_by":13,"views":77},"EP.116 การเพิ่มฟีเจอร์ Voice\u002FVideo แบบเรียลไทม์ด้วย WebRTC + WebSocket Signaling","sclblg987654321","school_blog_translations","\u003Cp data-start=\"393\" data-end=\"542\">การแชทด้วยข้อความผ่าน WebSocket เป็นเพียงจุดเริ่มต้นเท่านั้น ระบบสื่อสารยุคใหม่ต้องรองรับ เสียง (Voice) และ วิดีโอ (Video) แบบเรียลไทม์ด้วย\u003C\u002Fp>\u003Cp data-start=\"393\" data-end=\"542\"> \u003C\u002Fp>\u003Cp data-start=\"544\" data-end=\"776\">และเทคโนโลยีที่ใช้กันทั่วโลกในการส่งสื่อเรียลไทม์คือ WebRTC แต่ WebRTC เอง ไม่สามารถเริ่มการเชื่อมต่อ (handshake) ได้ด้วยตัวเอง ต้องใช้ “สัญญาณบอกสถานะ” (Signaling) ซึ่งเราจะใช้ WebSocket Signaling Server มาเป็นตัวกลาง\u003C\u002Fp>\u003Cp data-start=\"544\" data-end=\"776\"> \u003C\u002Fp>\u003Cp data-start=\"778\" data-end=\"940\">บทความนี้จะพาคุณเข้าใจทุกเรื่องที่ต้องรู้ ตั้งแต่ Peer Connection → ICE Candidate → Signaling → การส่งเสียง\u002Fวิดีโอจริง พร้อมโค้ด Go ใช้งานได้จริงใน production\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Ch2>🔊 WebRTC คืออะไร?\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>WebRTC คือ framework สำหรับการสื่อสารแบบ P2P Real-time ระหว่าง browser\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Ch3>คุณสมบัติหลัก:\u003C\u002Fh3>\u003Cul>\u003Cli>ส่งเสียง\u002Fวิดีโอได้ทันที (latency ต่ำกว่า 100ms)\u003C\u002Fli>\u003Cli>เชื่อมต่อ P2P ได้ (ไม่ผ่าน server)\u003C\u002Fli>\u003Cli>เข้ารหัส (Secure by default)\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Ch3>แล้ว WebSocket ล่ะ?\u003C\u002Fh3>\u003Cfigure class=\"table\">\u003Ctable>\u003Cthead>\u003Ctr>\u003Cth>ฟีเจอร์\u003C\u002Fth>\u003Cth>WebSocket\u003C\u002Fth>\u003Cth>WebRTC\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\u003Ctbody>\u003Ctr>\u003Ctd>ส่งข้อความแบบ real-time\u003C\u002Ftd>\u003Ctd>✅\u003C\u002Ftd>\u003Ctd>✅\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>ส่งไฟล์\u003C\u002Ftd>\u003Ctd>✅\u003C\u002Ftd>\u003Ctd>✅\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>ส่งเสียง\u002Fวิดีโอ\u003C\u002Ftd>\u003Ctd>❌ ไม่เหมาะ\u003C\u002Ftd>\u003Ctd>✅\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>P2P Communication\u003C\u002Ftd>\u003Ctd>❌\u003C\u002Ftd>\u003Ctd>✅\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Latency ต่ำกว่า 50ms\u003C\u002Ftd>\u003Ctd>❌\u003C\u002Ftd>\u003Ctd>✅\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftbody>\u003C\u002Ftable>\u003C\u002Ffigure>\u003Cp> \u003C\u002Fp>\u003Cp>WebRTC ถูกออกแบบมาโดยเฉพาะสำหรับงานเสียงและวิดีโอ\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Ch2>🛰 องค์ประกอบของ WebRTC ที่ต้องรู้\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Col>\u003Cli>RTCPeerConnection\u003Cbr>เชื่อมต่อแบบเข้ารหัส ส่ง media ระหว่าง client\u003C\u002Fli>\u003Cli>ICE Candidate\u003Cbr>ระบุช่องทางการเชื่อมต่อ เช่น LAN, Public IP, TURN\u003C\u002Fli>\u003Cli>SDP (Session Description Protocol)\u003Cbr>ใช้แลกเปลี่ยนรายละเอียด เช่น codec ที่รองรับ\u003C\u002Fli>\u003Cli>Signaling Server\u003Cbr>ใช้แลกเปลี่ยนข้อความจำพวก \u003Ccode inline=\"\">offer\u003C\u002Fcode>, \u003Ccode inline=\"\">answer\u003C\u002Fcode>, \u003Ccode inline=\"\">ice-candidate\u003C\u002Fcode> เพื่อเริ่มการเชื่อมต่อ\u003C\u002Fli>\u003C\u002Fol>\u003Cp> \u003C\u002Fp>\u003Cp>🚨 WebRTC ไม่มี signaling ในตัว → ต้องทำเพิ่มเอง เช่นผ่าน WebSocket\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Ch2>🔄 ใช้ WebSocket เป็น Signaling Server\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Ch3>กระบวนการเชื่อมต่อ:\u003C\u002Fh3>\u003Col>\u003Cli>👤 Client A: สร้าง \u003Ccode inline=\"\">offer\u003C\u002Fcode> แล้วส่งผ่าน WebSocket\u003C\u002Fli>\u003Cli>🔁 Server: ส่งต่อให้ Client B\u003C\u002Fli>\u003Cli>👤 Client B: ตอบกลับด้วย \u003Ccode inline=\"\">answer\u003C\u002Fcode>\u003C\u002Fli>\u003Cli>🔄 ทั้งสองฝั่งแลก \u003Ccode inline=\"\">ICE candidates\u003C\u002Fcode>\u003C\u002Fli>\u003Cli>✅ เมื่อเชื่อมต่อสำเร็จ → เริ่ม Streaming!\u003C\u002Fli>\u003C\u002Fol>\u003Cp> \u003C\u002Fp>\u003Ch2>🧪 โค้ดตัวอย่าง Signaling Server (Go + WebSocket)\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cpre>\u003Ccode class=\"language-plaintext language-go\">type SignalMessage struct {\n    Type string `json:\"type\"` \u002F\u002F offer, answer, ice\n    From string `json:\"from\"`\n    To   string `json:\"to\"`\n    Data json.RawMessage `json:\"data\"`\n}\n\nvar clients = make(map[string]*websocket.Conn)\n\nfunc signalingHandler(c *fiber.Ctx) error {\n    conn, err := upgrader.Upgrade(c.Context(), nil)\n    if err != nil { return err }\n\n    clientID := c.Query(\"id\")\n    clients[clientID] = conn\n\n    for {\n        _, msg, err := conn.ReadMessage()\n        if err != nil {\n            delete(clients, clientID)\n            return nil\n        }\n\n        var signal SignalMessage\n        json.Unmarshal(msg, &signal)\n\n        if target, ok := clients[signal.To]; ok {\n            target.WriteMessage(websocket.TextMessage, msg)\n        }\n    }\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Ch2>🎧 ฝั่ง Client (JavaScript)\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Ch3>1. สร้าง Peer Connection\u003C\u002Fh3>\u003Cpre>\u003Ccode class=\"language-plaintext language-js\">const pc = new RTCPeerConnection({\n  iceServers: [{ urls: \"stun:stun.l.google.com:19302\" }]\n});\n\npc.onicecandidate = event => {\n  if (event.candidate) {\n    socket.send(JSON.stringify({\n      type: \"ice\",\n      to: remoteUser,\n      data: event.candidate\n    }));\n  }\n};\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Ch3>2. สร้าง Offer และเริ่มส่ง\u003C\u002Fh3>\u003Cpre>\u003Ccode class=\"language-plaintext language-js\">async function startCall() {\n  const stream = await navigator.mediaDevices.getUserMedia({ video: true, audio: true });\n  stream.getTracks().forEach(track => pc.addTrack(track, stream));\n\n  const offer = await pc.createOffer();\n  await pc.setLocalDescription(offer);\n\n  socket.send(JSON.stringify({\n    type: \"offer\",\n    to: remoteUser,\n    data: offer\n  }));\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\u003Cp> \u003C\u002Fp>\u003Ch2>🔐 การใช้ TURN Server สำหรับกรณีที่ P2P ไม่ได้\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>ในหลายกรณีเช่น:\u003C\u002Fp>\u003Cul>\u003Cli>อยู่หลัง NAT\u003C\u002Fli>\u003Cli>ถูก Firewall ปิดพอร์ต\u003C\u002Fli>\u003Cli>บนเครือข่ายมือถือ\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Cp>จะไม่สามารถเชื่อมต่อ P2P ได้ จึงต้องมี TURN Server เป็นตัวกลาง เช่น:\u003C\u002Fp>\u003Cul>\u003Cli>Coturn\u003C\u002Fli>\u003Cli>Twilio TURN Service\u003C\u002Fli>\u003Cli>Google Cloud Media Server (WebRTC Infra)\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Ch2>⚙️ Best Practices สำหรับ Production System\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cfigure class=\"table\">\u003Ctable>\u003Cthead>\u003Ctr>\u003Cth>ความปลอดภัย\u003C\u002Fth>\u003Cth>ความสำคัญ\u003C\u002Fth>\u003C\u002Ftr>\u003C\u002Fthead>\u003Ctbody>\u003Ctr>\u003Ctd>JWT + Device Binding\u003C\u002Ftd>\u003Ctd>กัน token reuse\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Room-based Permission\u003C\u002Ftd>\u003Ctd>ป้องกันโทรหาคนแปลกหน้า\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>Rate Limit + Anti-Flood\u003C\u002Ftd>\u003Ctd>ป้องกันการโจมตี\u003C\u002Ftd>\u003C\u002Ftr>\u003Ctr>\u003Ctd>TURN แบบ secure\u003C\u002Ftd>\u003Ctd>ห้าม anonymous access\u003C\u002Ftd>\u003C\u002Ftr>\u003C\u002Ftbody>\u003C\u002Ftable>\u003C\u002Ffigure>\u003Cp> \u003C\u002Fp>\u003Ch2>🚀 ท้าให้ลอง!\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>ลองสร้าง ระบบวิดีโอคอลล์แบบง่าย ด้วย WebRTC + WebSocket:\u003C\u002Fp>\u003Cul>\u003Cli>Start Call → ส่ง offer → ได้ answer\u003C\u002Fli>\u003Cli>เชื่อมต่อสำเร็จ → Video Streaming\u003C\u002Fli>\u003Cli>ลองเล่นกับ 2 คนก่อน → แล้วขยายเป็น Group Call ได้ภายหลัง\u003C\u002Fli>\u003C\u002Ful>\u003Cp> \u003C\u002Fp>\u003Chr>\u003Cp> \u003C\u002Fp>\u003Ch2>🔮 EP ต่อไป: การเชื่อมต่อ IoT Device หลายตัวด้วย WebSocket\u003C\u002Fh2>\u003Cp> \u003C\u002Fp>\u003Cp>ตอนหน้า เราจะเจาะลึกการสร้าง IoT Real-time Network รองรับอุปกรณ์จำนวนมาก เช่น Sensor, Smart Home, Robot พร้อมวิธีจัดการ Device Authentication และ Bandwidth Management\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Cp>หากคุณทำระบบ WebRTC ได้จนใช้จริงใน Production… แสดงว่าคุณกำลังก้าวเข้าสู่ระดับโปรของระบบ Real-time แล้ว! 🎯\u003C\u002Fp>\u003Cp> \u003C\u002Fp>\u003Cdiv class=\"raw-html-embed\">\u003Cdiv style=\"margin:0 0 6px 0; font-weight:700;\">อ่านบทความ Series อื่นๆ:\u003C\u002Fdiv>\n\u003Cul style=\"list-style:none; padding:0; margin:0; line-height:1.4;\">\n  \u003Cli style=\"margin:0;\">\u003Ca href=\"\u002Fblogs\u002Fcategories\u002FGolang\" title=\"Golang The Series\">Golang The Series\u003C\u002Fa>\u003C\u002Fli>\n  \u003Cli style=\"margin:0;\">\u003Ca href=\"\u002Fblogs\u002Fcategories\u002FJS2GO\" title=\"JS2GO\">JS2GO\u003C\u002Fa>\u003C\u002Fli>\n  \u003Cli style=\"margin:0;\">\u003Ca href=\"\u002Fblogs\u002Fcategories\u002FTailwind%20CSS\" title=\"10 Ep ที่จะให้คุณเป็นมือโปร Tailwind CSS ในชั่วข้ามคืน\">10 Ep ที่จะให้คุณเป็นมือโปร Tailwind CSS ในชั่วข้ามคืน\u003C\u002Fa>\u003C\u002Fli>\n\u003C\u002Ful>\u003C\u002Fdiv>\u003Cp> \u003C\u002Fp>\u003Cdiv class=\"raw-html-embed\">\n  \u003Cp style=\"margin:0 0 6px 0;\">\u003Cstrong>Follow Us:\u003C\u002Fstrong>\u003C\u002Fp>\n  \u003Cul style=\"list-style:none; padding:0; margin:0; line-height: 0.4;\">\n    \u003Cli style=\"display:flex; align-items:center; gap:6px; margin:0;\">\n      \n      \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#1877F2\" aria-hidden=\"true\">\n        \u003Cpath d=\"M22 12.07C22 6.48 17.52 2 11.93 2S2 6.48 2 12.07c0 5 3.66 9.14 8.44 9.93v-7.02H7.9v-2.91h2.54V9.41c0-2.5 1.49-3.88 3.77-3.88 1.09 0 2.24.2 2.24.2v2.46h-1.26c-1.24 0-1.63.77-1.63 1.56v1.87h2.78l-.44 2.91h-2.34V22c4.78-.79 8.44-4.93 8.44-9.93Z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Ca href=\"https:\u002F\u002Fwww.facebook.com\u002Fsuperdev.academy.th\" target=\"_blank\" rel=\"nofollow noopener\" title=\"Follow Superdev Academy on Facebook\">Facebook: Superdev Academy\u003C\u002Fa>\n    \u003C\u002Fli>\n\n    \u003Cli style=\"display:flex; align-items:center; gap:6px; margin:0;\">\n      \n      \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#FF0000\" aria-hidden=\"true\">\n        \u003Cpath d=\"M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.5 12 3.5 12 3.5s-7.5 0-9.4.6A3 3 0 0 0 .5 6.2 31.5 31.5 0 0 0 0 12a31.5 31.5 0 0 0 .5 5.8 3 3 0 0 0 2.1 2.1c1.9.6 9.4.6 9.4.6s7.5 0 9.4-.6a3 3 0 0 0 2.1-2.1A31.5 31.5 0 0 0 24 12a31.5 31.5 0 0 0-.5-5.8ZM9.75 15.02V8.98L15.5 12l-5.75 3.02Z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Ca href=\"https:\u002F\u002Fwww.youtube.com\u002F@SuperdevAcademy\" target=\"_blank\" rel=\"nofollow noopener\" title=\"Watch on YouTube\">YouTube: Superdev Academy\u003C\u002Fa>\n    \u003C\u002Fli>\n\n    \u003Cli style=\"display:flex; align-items:center; gap:6px; margin:0;\">\n      \n      \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#E4405F\" aria-hidden=\"true\">\n        \u003Cpath d=\"M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm10 2H7a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3Zm-5 3.5A5.5 5.5 0 1 1 6.5 13 5.5 5.5 0 0 1 12 7.5Zm0 2A3.5 3.5 0 1 0 15.5 13 3.5 3.5 0 0 0 12 9.5Zm5.75-2.75a1.25 1.25 0 1 1-1.25 1.25 1.25 1.25 0 0 1 1.25-1.25Z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Ca href=\"https:\u002F\u002Fwww.instagram.com\u002Fsuperdevacademy\u002F?hl=en target=\" _blank\"=\"\" rel=\"nofollow noopener\" title=\"See behind-the-scenes on Instagram\">Instagram: Superdev Academy\u003C\u002Fa>\n    \u003C\u002Fli>\n\n    \u003Cli style=\"display:flex; align-items:center; gap:6px; margin:0;\">\n      \n      \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#000000\" aria-hidden=\"true\">\n        \u003Cpath d=\"M21 8.12a6.86 6.86 0 0 1-4.8-2V16a6 6 0 1 1-6-6 5.9 5.9 0 0 1 1.63.23V8.05a9.08 9.08 0 0 1-1.63-.15V4.5a6.86 6.86 0 0 0 4.8 2.05V6.5a6.86 6.86 0 0 0 4.8 1.62ZM9.2 12.5A3.5 3.5 0 1 0 12.7 16V9.94a6 6 0 0 1-1.63-.27v3.95a3.5 3.5 0 0 1-1.87 3.17 3.5 3.5 0 0 1-4.78-3.23 3.5 3.5 0 0 1 4.78-3.06Z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Ca href=\"https:\u002F\u002Fwww.tiktok.com\u002F@superdevacademy\" target=\"_blank\" rel=\"nofollow noopener\" title=\"Watch short tips on TikTok\">TikTok: @superdevacademy\u003C\u002Fa>\n    \u003C\u002Fli>\n\n    \u003Cli style=\"display:flex; align-items:center; gap:6px; margin:0;\">\n      \n      \u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#111827\" aria-hidden=\"true\">\n        \u003Cpath d=\"M12 2a10 10 0 1 0 10 10A10.01 10.01 0 0 0 12 2Zm6.93 6h-3.26a15.6 15.6 0 0 0-1.39-3.62A8.03 8.03 0 0 1 18.93 8ZM12 4c.73.93 1.7 2.74 2.2 4H9.8C10.3 6.74 11.27 4.93 12 4ZM8.72 4.38A15.6 15.6 0 0 0 7.32 8H4.07a8.03 8.03 0 0 1 4.65-3.62ZM4.07 16h3.25a15.6 15.6 0 0 0 1.4 3.62A8.03 8.03 0 0 1 4.07 16ZM12 20c-.73-.93-1.7-2.74-2.2-4h4.4C13.7 17.26 12.73 19.07 12 20Zm3.28-.38A15.6 15.6 0 0 0 16.68 16h3.25a8.03 8.03 0 0 1-4.65 3.62ZM20 14h-3.54a13.8 13.8 0 0 1-.26-4H20a7.98 7.98 0 0 1 0 4Zm-12.2 0H4a7.98 7.98 0 0 1 0-4h3.54a13.8 13.8 0 0 1-.26 4Zm2 .5h4.4a17.8 17.8 0 0 1-.72-4.5c0-1.58.25-3.1.72-4.5H9.8a17.8 17.8 0 0 1 .72 4.5c0 1.58-.25 3.1-.72 4.5Z\">\u003C\u002Fpath>\n      \u003C\u002Fsvg>\n      \u003Ca href=\"https:\u002F\u002Fwww.superdevacademy.com\u002F\" target=\"_blank\" rel=\"noopener\" title=\"Visit the official website of Superdev Academy\">Official Website: Superdev Academy.com\u003C\u002Fa>\n    \u003C\u002Fli>\n  \u003C\u002Ful>\n\u003C\u002Fdiv>\u003Cp> \u003C\u002Fp>","cover_image_ep_kpibg1eae8.etSignalinginGo.webp","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclblg987654321\u002Fvkhrndyjxf6sakd\u002Fcover_image_ep_kpibg1eae8.etSignalinginGo.webp","2026-03-04 08:45:06.410Z","",{"keywords":15,"locale":48,"school_blog":58},[16,23,28,33,38,43],{"collectionId":17,"collectionName":18,"created":19,"created_by":13,"id":20,"name":21,"updated":22,"updated_by":13},"sclkey987654321","school_keywords","2026-03-04 08:45:05.836Z","37t2tvjs3vvty3x","WebRTC","2026-04-10 16:12:54.088Z",{"collectionId":17,"collectionName":18,"created":24,"created_by":13,"id":25,"name":26,"updated":27,"updated_by":13},"2026-03-04 08:34:00.920Z","ecac9y661or1xka","WebSocket","2026-04-10 16:08:05.227Z",{"collectionId":17,"collectionName":18,"created":29,"created_by":13,"id":30,"name":31,"updated":32,"updated_by":13},"2026-03-04 08:45:05.158Z","836if8oqwpocqe3","Voice Chat","2026-04-10 16:12:53.881Z",{"collectionId":17,"collectionName":18,"created":34,"created_by":13,"id":35,"name":36,"updated":37,"updated_by":13},"2026-03-04 08:45:04.918Z","2oi71a8zf6vf68l","Video Call","2026-04-10 16:12:53.751Z",{"collectionId":17,"collectionName":18,"created":39,"created_by":13,"id":40,"name":41,"updated":42,"updated_by":13},"2026-03-04 08:20:11.547Z","ey3puyme01a9bsw","Go","2026-04-10 16:07:25.893Z",{"collectionId":17,"collectionName":18,"created":44,"created_by":13,"id":45,"name":46,"updated":47,"updated_by":13},"2026-03-04 08:45:05.632Z","cof4vbc2ts3emn3","WebSocket Signaling","2026-04-10 16:12:54.016Z",{"code":49,"collectionId":50,"collectionName":51,"created":52,"flag":53,"id":54,"is_default":55,"label":56,"updated":57},"th","pbc_1989393366","locales","2026-01-22 10:59:55.832Z","twemoji:flag-thailand","s8wri3bt4vgg2ji",true,"Thai","2026-04-10 15:42:46.614Z",{"category":59,"collectionId":60,"collectionName":61,"expand":62,"id":76,"views":77},"wqxt7ag2gn7xcmk","pbc_2105096300","school_blogs",{"category":63},{"blogIds":64,"collectionId":65,"collectionName":66,"created":67,"created_by":13,"id":59,"image":68,"image_alt":13,"image_path":69,"label":70,"name":71,"priority":72,"publish_at":73,"scheduled_at":13,"status":74,"updated":75,"updated_by":13},[],"sclcatblg987654321","school_category_blogs","2026-03-04 08:33:53.210Z","59ty92ns80w_15oc1implw.png","https:\u002F\u002Ftwsme-r2.tumwebsme.com\u002Fsclcatblg987654321\u002Fwqxt7ag2gn7xcmk\u002F59ty92ns80w_15oc1implw.png",{"en":71,"th":71},"Golang The Series",1,"2026-03-16 04:39:38.440Z","published","2026-04-25 02:32:15.470Z","9u83c9b4adi7p6e",261,"vkhrndyjxf6sakd",[20,25,30,35,40,45],"2025-12-15 01:58:16.309Z","เรียนรู้วิธีสร้างระบบ Video Call และ Voice Chat แบบเรียลไทม์ด้วย WebRTC และ WebSocket Signaling ในภาษา Go พร้อมโค้ดตัวอย่างและแนวทางการออกแบบระบบระดับ Production","ep116-realtime-voice-video-webrtc-websocket-go","2026-04-25 02:47:49.273Z",{"th":82}]