[B! WebRTC] Akinekoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

Akineko id:Akineko

WebRTCã«é–¢ã™ã‚‹Akinekoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Webã®ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ é€šä¿¡ã€åŒæ–¹å‘é€šä¿¡ã‚’å¦ã¶ï¼ˆSSEã€WebSocketã€WebRTCã€WebTransportï¼‰ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ã“ã‚Œã¯ CAMPFIRE Advent Calendar 2024 ã® 13æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ ä»–ã®æ–¹ãŒCAMPFIREã«é–¢é€£ã—ãŸã“ã¨ã‚’æ›¸ãä¸ã€åŽ»å¹´ã«å¼•ãç¶šãã€ã‚ã¾ã‚ŠCAMPFIREã¨ã¯é–¢ä¿‚ãªãè¨˜äº‹ã‚’æ›¸ãã¾ã™ï¼ˆåŽ»å¹´ã¯é‡åã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã§ã—ãŸï¼‰ã€‚åŽ»å¹´ã‚ˆã‚Šã¯WebæŠ€è¡“ãªã®ã§CAMPFIREå¯„ã‚Šã®å†…å®¹ã§ã™ã€‚ ã•ã¦ã€ã¿ãªã•ã‚“ã¯Webã®ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ é€šä¿¡ã€åŒæ–¹å‘é€šä¿¡ã¨ã„ãˆã°ã€ä½•ã‚’æ€ã„æµ®ã‹ã¹ã‚‹ã§ã—ã‚‡ã†ã‹ï¼Ÿ ãŠãã‚‰ãã€WebSocketãŒä¸€ç•ªå¤šã„ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ã¡ãªã¿ã«ç§ã‚‚ãã†ã§ã™ã€‚ ãã‚Œä»¥å¤–ã«ã‚‚W3Cã§æ¨™æº–åŒ–æ¸ˆã¿ã‚„ãƒ‰ãƒ©ãƒ•ãƒˆã®æŠ€è¡“ã¨ã—ã¦ã€Ser
Akineko 2024/12/15
WebSocket

WebRTC
ãƒªãƒ³ã‚¯
WebSockets vs Server-Sent-Events vs Long-Polling vs WebRTC vs WebTransport | RxDB - JavaScript Database
For modern real-time web applications, the ability to send events from the server to the client is indispensable. This necessity has led to the development of several methods over the years, each with its own set of advantages and drawbacks. Initially, long-polling was the only option available. It was then succeeded by WebSockets, which offered a more robust solution for bidirectional communicati
Akineko 2024/03/20
ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯

WebRTC

WebSocket
ãƒªãƒ³ã‚¯
WebRTC ã¨ React ã‚’çµ„ã¿åˆã‚ã›ã‚‹ãªã‚‰ Flux è¨è¨ˆãŒæœ‰åŠ¹
ã“ã®å‰ãƒã‚¸ã‚·ãƒ§ãƒ³ãƒˆãƒ¼ã‚¯ã—ãŸã‚‰ãã‚Œãªã‚Šã«åéŸ¿ãŒã‚ã£ãŸã®ã§æ›¸ã„ã¦ã¿ã‚‹ã€‚ ã“ã‚Œã¾ã§ã®äººç”Ÿã‚’æŒ¯ã‚Šè¿”ã‚‹ã¨æ¯Žå¹´ãƒ©ã‚¸ã‚ªã‚„é›»è©±ã‚„é…ä¿¡ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½œã£ã¦ã„ã‚‹æ°—ãŒã™ã‚‹ã—ã€ãªã‚“ã‹ãã†ã„ã†ä»•äº‹ãŒå›žã£ã¦ãã‚‹ã“ã¨ãŒå¤šã„æ°—ãŒã™ã‚‹ã€‚ æœ€è¿‘è‡ªåˆ†ãªã‚Šã«ç”ãˆãŒå‡ºãŸã‹ãªã¨æ€ã£ãŸã“ã¨ãŒã‚ã‚‹ã®ã§è¨€èªžåŒ–ã—ã¦ã¿ã‚ˆã†ã¨æ€ã†ã€‚ OGP ã¯ Flux ã½ã„ç”»åƒã ã€‚ æ³¨æ„ãƒ»å…è²¬äº‹é … ã“ã“ã«ã‚ã‚‹ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯ä¸å®Œå…¨ã§ã™ã€‚ã“ã‚Œã¯ç§ãŒå…ƒã€…æ‰‹å…ƒã§å®Ÿé¨“ã—ã¦ã„ãŸãƒœã‚¤ãƒ©ãƒ¼ãƒ—ãƒ¬ãƒ¼ãƒˆã§ã‚ã‚‹ã¨ã¯ã„ãˆã€ã„ã‚ã‚“ãªä»•äº‹ã§åŸ¹ã£ãŸãƒŽã‚¦ãƒã‚¦çš„ãªã‚‚ã®ã‚‚å«ã¾ã‚Œã¦ã„ã‚‹ã®ã§ã€å¿µã«ã¯å¿µã‚’å…¥ã‚Œã¦æ„å›³çš„ã«è¦ä»¶ãŒé€ã‘ãã†ãªç®‡æ‰€ã¯å‰Šé™¤ã—ã¦ã„ã¾ã™ã€‚ ãã®çµæžœå…ƒã€…ã®ãƒœã‚¤ãƒ©ãƒ¼ãƒ—ãƒ¬ãƒ¼ãƒˆã¨ä¹–é›¢ã—ã¦ã—ã¾ã„ã€å‹•ä½œã—ãªã„ã‚³ãƒ¼ãƒ‰ã«ãªã£ã¦ã„ã¾ã™ã€‚ãŸã æ¦‚å¿µã‚’ä¼ãˆã‚‹ã«ã¯ååˆ†ãªã‚³ãƒ¼ãƒ‰ã«ãªã£ã¦ã„ã‚‹ã¯ãšãªã®ã§ã€è„³å†…è£œå®Œã—ã¦ãã ã•ã„ã€‚è³ªå•ã¯ Twitter ã®ãƒ¡ãƒ³ã‚·ãƒ§ãƒ³ã€ã‚‚ã—ãã¯ Issue ã§ã®ã¿å—ã‘ä»˜ã‘ã¾ã™ã€‚ (å®Œå…¨ç‰ˆã‚’æ›¸
Akineko 2023/06/13
react

WebSocket

WebRTC
ãƒªãƒ³ã‚¯
æ™‚é›¨å ‚ WebRTC å…¥é–€ (è¬›å¸«è³‡æ–™) v2023-05
learning-webrtc_2023-05.md æ™‚é›¨å ‚ WebRTC å…¥é–€ (è¬›å¸«è³‡æ–™) v2023-05 ã“ã‚Œã¯æ™‚é›¨å ‚ãŒé–‹å‚¬ã—ã¦ã„ã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚¤ãƒ™ãƒ³ãƒˆã§ã‚ã‚‹ WebRTC å…¥é–€ã® è¬›å¸«ç”¨ ã®è³‡æ–™ã§ã‚ã‚Šã€ å‚åŠ è€…ç”¨ã®è³‡æ–™ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ æ™‚é›¨å ‚ WebRTC å…¥é–€ ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚¤ãƒ™ãƒ³ãƒˆ æ¦‚è¦ ChatGPT ãŒã‚ã‚‹ä»Šã€å¦ã¼ã†ã¨æ€ãˆã°å¥½ããªã ã‘å¦ã¹ã‚‹æ™‚ä»£ãŒãã¦ã„ã¾ã™ã€‚ ãŸã ã€Œæ£ã—ã„æƒ…å ±ã€ã‚’ãªã‚“ã¨ãªãçŸ¥ã£ã¦ã„ã‚‹äº‹ã¯ã¨ã¦ã‚‚é‡è¦ã ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ é€²ã‚æ–¹ ä»Šå›žã® WebRTC å…¥é–€ã¯ã¾ãšæœ€å¾Œã¾ã§å¤§ã¾ã‹ã«è©±ã‚’ã—ã¦ã„ãã¾ã™ã€‚ ãã®å¾Œã€æ®‹ã‚Šæ™‚é–“ã‚’åˆ©ç”¨ã—ã¦ã€ç´°ã‹ãè©±ã‚’ã—ã¦ã„ãã¾ã™ã€‚ è³‡æ–™è¡¨ç¤ºç”¨ã®ç”»é¢ã¨ iPad ã‚’ç”»é¢å…±æœ‰ã—ã¦ãƒ›ãƒ¯ã‚¤ãƒˆãƒœãƒ¼ãƒ‰çš„ãªä½¿ã„æ–¹ã‚’ã—ã¦ã„ãã¾ã™ã€‚ ãŠé¡˜ã„ æ˜¯éž Discord ã«ãƒ¡ãƒ¢ã‚’æ®‹ã—ã¦ã„ã£ã¦ãã ã•ã„ã€‚ å¾Œã‹ã‚‰æŒ¯ã‚Šè¿”ã‚‹ã¨ãã€å‚åŠ è€…ã®çš†ã«æœ‰ç”¨ã ã¨æ€ã„ã¾ã™ã€‚ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ Creat
Akineko 2023/05/26
ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯

WebRTC
ãƒªãƒ³ã‚¯
WebRTC ã‚’ç†è§£ã™ã‚‹ãŸã‚ã«ã‚«ãƒ¡ãƒ©æ˜ åƒã‚’é€ã‚‹ã ã‘ã®æœ€å°å®Ÿè£…ã‚’æŽ¢ã‚‹
GW ãªã‚“ã‚‚äºˆå®šãŒãªãã¦ãƒ–ãƒã‚°æ›¸ãã‹ã‚½ã‚·ãƒ£ã‚²ã‚„ã‚‹ã‹æ˜¼ã‹ã‚‰é…’é£²ã‚€ã—ã‹ã‚„ã‚‹ã“ã¨ãŒãªã„ã§ã™ã€‚ã ã‹ã‚‰äºˆå®šãŒã‚ã£ãŸã‚‰ä½¿ã£ã¦ã„ãŸã§ã‚ã‚ã†ãŠé‡‘ã§ã‚½ã‚·ãƒ£ã‚²ã«èª²é‡‘ã—ãŸã‚‰ã‚ã¡ã‚ƒãã¡ã‚ƒå¼·ããªã‚Šã¾ã—ãŸã€‚ã‚„ã£ãŸãƒ¼ã€‚å‹é”ã«ã¯ãƒ‰ãƒ³å¼•ãã•ã‚Œã¾ã—ãŸãŒã€GW ã«äºˆå®šãŒã‚ã‚‹äººã‚ˆã‚Šã‹ã¯ç¯€ç´„ã§ãã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ã€‚ãã‚“ãªã‚½ã‚·ãƒ£ã‚²ã‚‚ã‚„ã‚‹ã“ã¨ãªããªã£ã¦æš‡ãªã®ã§é…’é£²ã¿ãªãŒã‚‰ãƒ–ãƒã‚°ã‚’æ›¸ãã¾ã™ã€‚ä»Šæ—¥ã¯ WebRTC ã§ã™ã€‚ å…è²¬ ç†è€…ã¯ RFC ã‚’èªã‚“ã§ã„ã¾ã›ã‚“ã€‚ã“ã‚Œã¯ã€Œãã‚‚ãã‚‚ WebRTC ãã‚Œè‡ªä½“ ã® RFC ãªã‚“ã¦ã‚‚ã®ã¯å˜åœ¨ã—ãªã„ã‚‚ã‚“ãã€œã€ã¨ã„ã†æ„å‘³ã§ãªãã€ICE ã‚„ SDP ã® RFC ã™ã‚‰èªã‚“ã§ã„ãªã„ã¨ã„ã†æ„å‘³ã§ã™ã€‚ãã®ãŸã‚ WebRTC ãã®ã‚‚ã®ã®è§£èª¬ã¨ã—ã¦èªã‚€ã¨è‰¯ããªã„è¡¨ç¾ãŒå«ã¾ã‚Œã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ãŸã ã—è‡ªåˆ†ãŒ WebRTC ã§ã‚«ãƒ¡ãƒ©æ˜ åƒã‚’é€ã‚‹å®Ÿè£…ã‚’å‹•ä½œã•ã›ã€ãã®ã‚³ãƒ¼ãƒ‰ã®è§£èª¬ã¨ã„ã†ç‚¹ã§ã¯é–“é•ã£ãŸã“ã¨ã¯æ›¸ã„ã¦ã„ãªã„ã¯ãšã§ã™ã€‚å‹•ä½œ
Akineko 2023/05/07
ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯

WebRTC
ãƒªãƒ³ã‚¯
GitHub - pojntfx/weron: Overlay networks based on WebRTC.
weron provides lean, fast & secure overlay networks based on WebRTC. It enables you to: Access nodes behind NAT: Because weron uses WebRTC to establish connections between nodes, it can easily traverse corporate firewalls and NATs using STUN, or even use a TURN server to tunnel traffic. This can be very useful to for example SSH into your homelab without forwarding any ports on your router. Secure
Akineko 2022/05/09
WebRTC
ãƒªãƒ³ã‚¯
GitHub - httptoolkit/mockrtc: Powerful friendly WebRTC mock peer & proxy
Let's write an automated test with MockRTC. To test WebRTC-based code, you will typically need to: Start a MockRTC mock session Define rules that match and mock the traffic you're interested in Create a WebRTC connection to a mock peer, by either: Using MockRTC's offer or answer directly. Applying the provided MockRTC.hookWebRTCConnection hook function to your RTC connection, and then connecting t
Akineko 2022/05/09
WebRTC

ãƒ†ã‚¹ãƒˆ
ãƒªãƒ³ã‚¯
1