🥇(ഏതാണ്ട്) ഒരു ബ്രൗസറിൽ നിന്നുള്ള ഉപയോഗശൂന്യമായ വെബ്‌ക്യാം സ്ട്രീമിംഗ്. മീഡിയ സ്ട്രീമും വെബ്‌സോക്കറ്റുകളും

Adobe Flash Player പോലുള്ള മൂന്നാം കക്ഷി ബ്രൗസർ പ്ലഗിനുകൾ ഉപയോഗിക്കാതെ വെബ്‌സോക്കറ്റുകൾ വഴി വീഡിയോ സ്ട്രീം ചെയ്യാനുള്ള എന്റെ ശ്രമങ്ങൾ ഈ ലേഖനത്തിൽ പങ്കിടാൻ ഞാൻ ആഗ്രഹിക്കുന്നു. അതിൽ എന്താണ് വന്നതെന്ന് അറിയാൻ വായിക്കുക.

അഡോബ് ഫ്ലാഷ്, മുമ്പ് മാക്രോമീഡിയ ഫ്ലാഷ്, ഒരു വെബ് ബ്രൗസറിൽ പ്രവർത്തിക്കുന്ന ആപ്ലിക്കേഷനുകൾ സൃഷ്ടിക്കുന്നതിനുള്ള ഒരു പ്ലാറ്റ്ഫോമാണ്. മീഡിയ സ്ട്രീം API അവതരിപ്പിക്കുന്നതിന് മുമ്പ്, ഒരു വെബ്‌ക്യാമിൽ നിന്ന് വീഡിയോയും വോയിസും സ്ട്രീം ചെയ്യുന്നതിനും ബ്രൗസറിൽ വിവിധ തരത്തിലുള്ള കോൺഫറൻസുകളും ചാറ്റുകളും സൃഷ്ടിക്കുന്നതിനുള്ള ഒരേയൊരു പ്ലാറ്റ്ഫോമായിരുന്നു ഇത്. മീഡിയ വിവരങ്ങൾ കൈമാറുന്നതിനുള്ള പ്രോട്ടോക്കോൾ RTMP (റിയൽ ടൈം മെസേജിംഗ് പ്രോട്ടോക്കോൾ) വളരെക്കാലമായി അടച്ചിരുന്നു, അതിനർത്ഥം: നിങ്ങളുടെ സ്ട്രീമിംഗ് സേവനം വർദ്ധിപ്പിക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ, Adobe-ൽ നിന്നുള്ള സോഫ്‌റ്റ്‌വെയർ ഉപയോഗിക്കുന്നതിന് ദയ കാണിക്കുക - Adobe Media Server (AMS).

2012-ൽ കുറച്ച് സമയത്തിന് ശേഷം, അഡോബ് പൊതുജനങ്ങൾക്കായി "ഉപേക്ഷിക്കുകയും തുപ്പുകയും" ചെയ്തു. സ്പെസിഫിക്കേഷൻ RTMP പ്രോട്ടോക്കോൾ, അതിൽ പിശകുകൾ അടങ്ങിയതും അടിസ്ഥാനപരമായി അപൂർണ്ണവുമാണ്. അപ്പോഴേക്കും, ഡവലപ്പർമാർ ഈ പ്രോട്ടോക്കോൾ സ്വന്തമായി നടപ്പിലാക്കാൻ തുടങ്ങി, കൂടാതെ Wowza സെർവർ പ്രത്യക്ഷപ്പെട്ടു. 2011-ൽ, RTMP-യുമായി ബന്ധപ്പെട്ട പേറ്റന്റുകൾ നിയമവിരുദ്ധമായി ഉപയോഗിച്ചതിന് Wowza യ്‌ക്കെതിരെ Adobe ഒരു കേസ് ഫയൽ ചെയ്തു; 4 വർഷത്തിനുശേഷം, സംഘർഷം രമ്യമായി പരിഹരിച്ചു.

അഡോബ് ഫ്ലാഷ് പ്ലാറ്റ്‌ഫോമിന് 20 വർഷത്തിലേറെ പഴക്കമുണ്ട്, ഈ സമയത്ത് നിരവധി ഗുരുതരമായ കേടുപാടുകൾ കണ്ടെത്തിയിട്ടുണ്ട്, പിന്തുണ വാഗ്ദാനം ചെയ്തു 2020-ഓടെ അവസാനിക്കും, സ്ട്രീമിംഗ് സേവനത്തിനായി കുറച്ച് ബദലുകൾ അവശേഷിക്കുന്നു.

എന്റെ പ്രോജക്റ്റിനായി, ബ്രൗസറിലെ ഫ്ലാഷിന്റെ ഉപയോഗം പൂർണ്ണമായും ഉപേക്ഷിക്കാൻ ഞാൻ ഉടൻ തീരുമാനിച്ചു. മുകളിലുള്ള പ്രധാന കാരണം ഞാൻ സൂചിപ്പിച്ചു; മൊബൈൽ പ്ലാറ്റ്‌ഫോമുകളിൽ ഫ്ലാഷും പിന്തുണയ്‌ക്കുന്നില്ല, കൂടാതെ വിൻഡോസിൽ (വൈൻ എമുലേറ്റർ) വികസനത്തിനായി അഡോബ് ഫ്ലാഷ് വിന്യസിക്കാൻ ഞാൻ ശരിക്കും ആഗ്രഹിച്ചില്ല. അങ്ങനെ ഞാൻ ജാവാസ്ക്രിപ്റ്റിൽ ഒരു ക്ലയന്റ് എഴുതാൻ തീരുമാനിച്ചു. ഇത് ഒരു പ്രോട്ടോടൈപ്പ് മാത്രമായിരിക്കും, കാരണം p2p അടിസ്ഥാനമാക്കി സ്ട്രീമിംഗ് കൂടുതൽ കാര്യക്ഷമമായി ചെയ്യാൻ കഴിയുമെന്ന് പിന്നീട് ഞാൻ മനസ്സിലാക്കി, എന്നെ സംബന്ധിച്ചിടത്തോളം ഇത് പിയർ - സെർവർ - പിയേഴ്സ് ആയിരിക്കും, എന്നാൽ മറ്റൊരിക്കൽ അതിൽ കൂടുതൽ, കാരണം ഇത് ഇതുവരെ തയ്യാറായിട്ടില്ല.

ആരംഭിക്കുന്നതിന്, ഞങ്ങൾക്ക് യഥാർത്ഥ വെബ്‌സോക്കറ്റ് സെർവർ ആവശ്യമാണ്. മെലഡി ഗോ പാക്കേജിനെ അടിസ്ഥാനമാക്കി ഞാൻ ഏറ്റവും ലളിതമായത് ഉണ്ടാക്കി:

സെർവർ കോഡ്

package main

import (
	"errors"
	"github.com/go-chi/chi"
	"gopkg.in/olahol/melody.v1"
	"log"
	"net/http"
	"time"
)

func main() {
	r := chi.NewRouter()
	m := melody.New()

	m.Config.MaxMessageSize = 204800

	r.Get("/", func(w http.ResponseWriter, r *http.Request) {
		http.ServeFile(w, r, "public/index.html")
	})
	r.Get("/ws", func(w http.ResponseWriter, r *http.Request) {
		m.HandleRequest(w, r)
	})

         // Бродкастим видео поток 
	m.HandleMessageBinary(func(s *melody.Session, msg []byte) {
		m.BroadcastBinary(msg)
	})

	log.Println("Starting server...")

	http.ListenAndServe(":3000", r)
}

ക്ലയന്റിൽ (സ്ട്രീമിംഗ് സൈഡ്), നിങ്ങൾ ആദ്യം ക്യാമറ ആക്സസ് ചെയ്യേണ്ടതുണ്ട്. ഇത് വഴിയാണ് ചെയ്യുന്നത് മീഡിയസ്ട്രീം API.

ക്യാമറ/മൈക്രോഫോണിലേക്ക് ഞങ്ങൾ പ്രവേശനം (അനുമതി) നേടുന്നു മീഡിയ ഉപകരണങ്ങൾ API. ഈ API ഒരു രീതി നൽകുന്നു MediaDevices.getUserMedia(), ഇത് പോപ്പ്അപ്പ് കാണിക്കുന്നു. ക്യാമറ കൂടാതെ/അല്ലെങ്കിൽ മൈക്രോഫോൺ ആക്‌സസ് ചെയ്യാൻ ഉപയോക്താവിനോട് അനുമതി ചോദിക്കുന്ന ഒരു വിൻഡോ. ഗൂഗിൾ ക്രോമിൽ ഞാൻ എല്ലാ പരീക്ഷണങ്ങളും നടത്തിയിരുന്നുവെങ്കിലും ഫയർഫോക്സിൽ എല്ലാം ഒരേപോലെ പ്രവർത്തിക്കുമെന്ന് ഞാൻ കരുതുന്നു.

അടുത്തതായി, getUserMedia() ഒരു വാഗ്ദത്തം നൽകുന്നു, അതിലേക്ക് ഒരു മീഡിയ സ്ട്രീം ഒബ്‌ജക്റ്റ് കൈമാറുന്നു - വീഡിയോ-ഓഡിയോ ഡാറ്റയുടെ ഒരു സ്ട്രീം. വീഡിയോ എലമെന്റിന്റെ src പ്രോപ്പർട്ടിയിലേക്ക് ഞങ്ങൾ ഈ ഒബ്‌ജക്റ്റ് അസൈൻ ചെയ്യുന്നു. കോഡ്:

ബ്രോഡ്കാസ്റ്റിംഗ് വശം

<style>
  #videoObjectHtml5ApiServer { width: 320px; height: 240px; background: #666; }
</style>
</head>
<body>
<!-- Здесь в этом "окошечке" клиент будет видеть себя -->
<video autoplay id="videoObjectHtml5ApiServer"></video>

<script type="application/javascript">
  var
        video = document.getElementById('videoObjectHtml5ApiServer');

// если доступен MediaDevices API, пытаемся получить доступ к камере (можно еще и к микрофону)
// getUserMedia вернет обещание, на которое подписываемся и полученный видеопоток в колбеке направляем в video объект на странице

if (navigator.mediaDevices.getUserMedia) {
        navigator.mediaDevices.getUserMedia({video: true}).then(function (stream) {
          // видео поток привязываем к video тегу, чтобы клиент мог видеть себя и контролировать 
          video.srcObject = stream;
        });
}
</script>

സോക്കറ്റുകളിൽ ഒരു വീഡിയോ സ്ട്രീം പ്രക്ഷേപണം ചെയ്യുന്നതിന്, നിങ്ങൾ അത് എവിടെയെങ്കിലും എൻകോഡ് ചെയ്യുകയും ബഫർ ചെയ്യുകയും ഭാഗങ്ങളായി കൈമാറുകയും ചെയ്യേണ്ടതുണ്ട്. അസംസ്‌കൃത വീഡിയോ സ്ട്രീം വെബ്‌സോക്കറ്റുകൾ വഴി കൈമാറാൻ കഴിയില്ല. ഇവിടെയാണ് നമ്മുടെ സഹായത്തിന് എത്തുന്നത് മീഡിയ റെക്കോർഡർ API. സ്ട്രീം കഷണങ്ങളായി എൻകോഡ് ചെയ്യാനും തകർക്കാനും ഈ API നിങ്ങളെ അനുവദിക്കുന്നു. നെറ്റ്‌വർക്കിലൂടെ കുറച്ച് ബൈറ്റുകൾ അയയ്‌ക്കുന്നതിന് വീഡിയോ സ്ട്രീം കംപ്രസ്സുചെയ്യാൻ ഞാൻ എൻകോഡിംഗ് ചെയ്യുന്നു. അതിനെ കഷണങ്ങളായി മുറിച്ച ശേഷം, നിങ്ങൾക്ക് ഓരോ കഷണവും ഒരു വെബ്‌സോക്കറ്റിലേക്ക് അയയ്ക്കാം. കോഡ്:

ഞങ്ങൾ വീഡിയോ സ്ട്രീം എൻകോഡ് ചെയ്യുന്നു, അതിനെ കഷണങ്ങളായി തകർക്കുന്നു

<style>
  #videoObjectHtml5ApiServer { width: 320px; height: 240px; background: #666; }
</style>
</head>
<body>
<!-- Здесь в этом "окошечке" клиент будет видеть себя -->
<video autoplay id="videoObjectHtml5ApiServer"></video>

<script type="application/javascript">
  var
        video = document.getElementById('videoObjectHtml5ApiServer');

// если доступен MediaDevices API, пытаемся получить доступ к камере (можно еще и к микрофону)
// getUserMedia вернет обещание, на которое подписываемся и полученный видеопоток в колбеке направляем в video объект на странице

if (navigator.mediaDevices.getUserMedia) {
        navigator.mediaDevices.getUserMedia({video: true}).then(function (stream) {
          // видео поток привязываем к video тегу, чтобы клиент мог видеть себя и контролировать 
          video.srcObject = s;
          var
            recorderOptions = {
                mimeType: 'video/webm; codecs=vp8' // будем кодировать видеопоток в формат webm кодеком vp8
              },
              mediaRecorder = new MediaRecorder(s, recorderOptions ); // объект MediaRecorder

               mediaRecorder.ondataavailable = function(e) {
                if (e.data && e.data.size > 0) {
                  // получаем кусочек видеопотока в e.data
                }
            }

            mediaRecorder.start(100); // делит поток на кусочки по 100 мс каждый

        });
}
</script>

ഇനി നമുക്ക് വെബ്‌സോക്കറ്റുകൾ വഴിയുള്ള ട്രാൻസ്മിഷൻ ചേർക്കാം. അതിശയകരമെന്നു പറയട്ടെ, ഇതിന് നിങ്ങൾക്ക് വേണ്ടത് ഒരു വസ്തുവാണ് വെബ്‌സോക്കറ്റ്. അയക്കാനും അടയ്ക്കാനും രണ്ട് രീതികളേ ഉള്ളൂ. പേരുകൾ സ്വയം സംസാരിക്കുന്നു. കോഡ് ചേർത്തു:

ഞങ്ങൾ വീഡിയോ സ്ട്രീം സെർവറിലേക്ക് കൈമാറുന്നു

<style>
  #videoObjectHtml5ApiServer { width: 320px; height: 240px; background: #666; }
</style>
</head>
<body>
<!-- Здесь в этом "окошечке" клиент будет видеть себя -->
<video autoplay id="videoObjectHtml5ApiServer"></video>

<script type="application/javascript">
  var
        video = document.getElementById('videoObjectHtml5ApiServer');

// если доступен MediaDevices API, пытаемся получить доступ к камере (можно еще и к микрофону)
// getUserMedia вернет обещание, на которое подписываемся и полученный видеопоток в колбеке направляем в video объект на странице

if (navigator.mediaDevices.getUserMedia) {
        navigator.mediaDevices.getUserMedia({video: true}).then(function (stream) {
          // видео поток привязываем к video тегу, чтобы клиент мог видеть себя и контролировать 
          video.srcObject = s;
          var
            recorderOptions = {
                mimeType: 'video/webm; codecs=vp8' // будем кодировать видеопоток в формат webm кодеком vp8
              },
              mediaRecorder = new MediaRecorder(s, recorderOptions ), // объект MediaRecorder
              socket = new WebSocket('ws://127.0.0.1:3000/ws');

               mediaRecorder.ondataavailable = function(e) {
                if (e.data && e.data.size > 0) {
                  // получаем кусочек видеопотока в e.data
                 socket.send(e.data);
                }
            }

            mediaRecorder.start(100); // делит поток на кусочки по 100 мс каждый

        }).catch(function (err) { console.log(err); });
}
</script>

പ്രക്ഷേപണ വശം തയ്യാറാണ്! ഇനി നമുക്ക് ഒരു വീഡിയോ സ്ട്രീം സ്വീകരിക്കാനും ക്ലയന്റിൽ പ്രദർശിപ്പിക്കാനും ശ്രമിക്കാം. ഇതിന് നമുക്ക് എന്താണ് വേണ്ടത്? ഒന്നാമതായി, തീർച്ചയായും, സോക്കറ്റ് കണക്ഷൻ. WebSocket ഒബ്‌ജക്‌റ്റിലേക്ക് ഞങ്ങൾ ഒരു “ശ്രോതാവ്” അറ്റാച്ചുചെയ്യുകയും 'സന്ദേശം' ഇവന്റിലേക്ക് സബ്‌സ്‌ക്രൈബ് ചെയ്യുകയും ചെയ്യുന്നു. ബൈനറി ഡാറ്റയുടെ ഒരു ഭാഗം ലഭിച്ചുകഴിഞ്ഞാൽ, ഞങ്ങളുടെ സെർവർ അത് സബ്‌സ്‌ക്രൈബർമാർക്ക്, അതായത് ക്ലയന്റുകൾക്ക് പ്രക്ഷേപണം ചെയ്യുന്നു. ഈ സാഹചര്യത്തിൽ, 'സന്ദേശം' ഇവന്റിന്റെ "ശ്രോതാവ്" എന്നതുമായി ബന്ധപ്പെട്ട കോൾബാക്ക് ഫംഗ്ഷൻ ക്ലയന്റിൽ പ്രവർത്തനക്ഷമമാക്കുന്നു; ഒബ്ജക്റ്റ് തന്നെ ഫംഗ്ഷൻ ആർഗ്യുമെന്റിലേക്ക് കടന്നുപോകുന്നു - vp8 എൻകോഡ് ചെയ്ത വീഡിയോ സ്ട്രീമിന്റെ ഒരു ഭാഗം.

ഞങ്ങൾ വീഡിയോ സ്ട്രീം സ്വീകരിക്കുന്നു

<style>
  #videoObjectHtml5ApiServer { width: 320px; height: 240px; background: #666; }
</style>
</head>
<body>
<!-- Здесь в этом "окошечке" клиент будет видеть тебя -->
<video autoplay id="videoObjectHtml5ApiServer"></video>

<script type="application/javascript">
  var
        video = document.getElementById('videoObjectHtml5ApiServer'),
         socket = new WebSocket('ws://127.0.0.1:3000/ws'), 
         arrayOfBlobs = [];

         socket.addEventListener('message', function (event) {
                // "кладем" полученный кусочек в массив 
                arrayOfBlobs.push(event.data);
                // здесь будем читать кусочки
                readChunk();
            });
</script>

ലഭിച്ച കഷണങ്ങൾ പ്ലേബാക്കിനായി വീഡിയോ ഘടകത്തിലേക്ക് ഉടനടി അയയ്‌ക്കുന്നത് എന്തുകൊണ്ടാണെന്ന് മനസിലാക്കാൻ ഞാൻ വളരെക്കാലമായി ശ്രമിച്ചു, പക്ഷേ ഇത് ചെയ്യാൻ കഴിയില്ലെന്ന് മനസ്സിലായി, തീർച്ചയായും, നിങ്ങൾ ആദ്യം ഒരു പ്രത്യേക ബഫറിൽ കഷണം ഇടണം. വീഡിയോ ഘടകം, അതിനുശേഷം മാത്രമേ അത് വീഡിയോ സ്ട്രീം പ്ലേ ചെയ്യാൻ തുടങ്ങുകയുള്ളൂ. ഇതിനായി നിങ്ങൾക്ക് ആവശ്യമായി വരും മീഡിയ സോഴ്സ് API и ഫയൽ റീഡർ API.

മീഡിയ പ്ലേബാക്ക് ഒബ്‌ജക്റ്റിനും ഈ മീഡിയ സ്‌ട്രീമിന്റെ ഉറവിടത്തിനും ഇടയിൽ മീഡിയ സോഴ്‌സ് ഒരുതരം ഇടനിലക്കാരനായി പ്രവർത്തിക്കുന്നു. മീഡിയ സോഴ്‌സ് ഒബ്‌ജക്റ്റിൽ വീഡിയോ/ഓഡിയോ സ്ട്രീമിന്റെ ഉറവിടത്തിനായി പ്ലഗ്ഗബിൾ ബഫർ അടങ്ങിയിരിക്കുന്നു. ബഫറിന് Uint8 ഡാറ്റ മാത്രമേ സൂക്ഷിക്കാൻ കഴിയൂ എന്നതാണ് ഒരു സവിശേഷത, അതിനാൽ അത്തരമൊരു ബഫർ സൃഷ്ടിക്കാൻ നിങ്ങൾക്ക് ഒരു ഫയൽ റീഡർ ആവശ്യമാണ്. കോഡ് നോക്കൂ, അത് കൂടുതൽ വ്യക്തമാകും:

വീഡിയോ സ്ട്രീം പ്ലേ ചെയ്യുന്നു

<style>
  #videoObjectHtml5ApiServer { width: 320px; height: 240px; background: #666; }
</style>
</head>
<body>
<!-- Здесь в этом "окошечке" клиент будет видеть тебя -->
<video autoplay id="videoObjectHtml5ApiServer"></video>

<script type="application/javascript">
  var
        video = document.getElementById('videoObjectHtml5ApiServer'),
         socket = new WebSocket('ws://127.0.0.1:3000/ws'),
        mediaSource = new MediaSource(), // объект MediaSource
        vid2url = URL.createObjectURL(mediaSource), // создаем объект URL для связывания видеопотока с проигрывателем
        arrayOfBlobs = [],
        sourceBuffer = null; // буфер, пока нуль-объект

         socket.addEventListener('message', function (event) {
                // "кладем" полученный кусочек в массив 
                arrayOfBlobs.push(event.data);
                // здесь будем читать кусочки
                readChunk();
            });

         // как только MediaSource будет оповещен , что источник готов отдавать кусочки 
        // видео/аудио потока
        // создаем буфер , следует обратить внимание, что буфер должен знать в каком формате 
        // каким кодеком был закодирован поток, чтобы тем же способом прочитать видеопоток
         mediaSource.addEventListener('sourceopen', function() {
            var mediaSource = this;
            sourceBuffer = mediaSource.addSourceBuffer("video/webm; codecs="vp8"");
        });

      function readChunk() {
        var reader = new FileReader();
        reader.onload = function(e) { 
          // как только FileReader будет готов, и загрузит себе кусочек видеопотока
          // мы "прицепляем" перекодированный в Uint8Array (был Blob) кусочек в буфер, связанный
          // с проигрывателем, и проигрыватель начинает воспроизводить полученный кусочек видео/аудио
          sourceBuffer.appendBuffer(new Uint8Array(e.target.result));

          reader.onload = null;
        }
        reader.readAsArrayBuffer(arrayOfBlobs.shift());
      }
</script>

സ്ട്രീമിംഗ് സേവനത്തിന്റെ പ്രോട്ടോടൈപ്പ് തയ്യാറാണ്. വീഡിയോ പ്ലേബാക്ക് ട്രാൻസ്മിറ്റിംഗ് സൈഡിനേക്കാൾ 100 എംഎസ് പിന്നിലാകും എന്നതാണ് പ്രധാന പോരായ്മ; സെർവറിലേക്ക് കൈമാറുന്നതിന് മുമ്പ് വീഡിയോ സ്ട്രീം വിഭജിക്കുമ്പോൾ ഞങ്ങൾ ഇത് സ്വയം സജ്ജമാക്കുന്നു. മാത്രമല്ല, എന്റെ ലാപ്‌ടോപ്പിൽ ഞാൻ പരിശോധിച്ചപ്പോൾ, കൈമാറ്റം ചെയ്യുന്നതും സ്വീകരിക്കുന്നതുമായ വശങ്ങൾക്കിടയിലുള്ള കാലതാമസം ക്രമേണ അടിഞ്ഞുകൂടി, ഇത് വ്യക്തമായി കാണാമായിരുന്നു. ഈ പോരായ്മയെ മറികടക്കാൻ ഞാൻ വഴികൾ തേടാൻ തുടങ്ങി, ഒപ്പം ... കണ്ടു RTCPeerConnection API, സ്ട്രീം കഷണങ്ങളായി വിഭജിക്കുന്നത് പോലുള്ള തന്ത്രങ്ങളില്ലാതെ ഒരു വീഡിയോ സ്ട്രീം കൈമാറാൻ ഇത് നിങ്ങളെ അനുവദിക്കുന്നു. പ്രക്ഷേപണത്തിന് മുമ്പ് ബ്രൗസർ ഓരോ ഭാഗവും വെബ്‌എം ഫോർമാറ്റിലേക്ക് വീണ്ടും എൻകോഡ് ചെയ്യുന്നതാണ് കുമിഞ്ഞുകൂടുന്ന കാലതാമസത്തിന് കാരണമെന്ന് ഞാൻ കരുതുന്നു. ഞാൻ കൂടുതൽ കുഴിച്ചില്ല, പക്ഷേ വെബ്‌ആർ‌ടി‌സി പഠിക്കാൻ തുടങ്ങി. എന്റെ ഗവേഷണ ഫലങ്ങൾ സമൂഹത്തിന് താൽപ്പര്യമുണ്ടെന്ന് തോന്നിയാൽ അതിനെ കുറിച്ച് ഒരു പ്രത്യേക ലേഖനം എഴുതാമെന്ന് ഞാൻ കരുതുന്നു.

അവലംബം: www.habr.com

(ഏതാണ്ട്) ഒരു ബ്രൗസറിൽ നിന്നുള്ള ഉപയോഗശൂന്യമായ വെബ്‌ക്യാം സ്ട്രീമിംഗ്. മീഡിയ സ്ട്രീമും വെബ്‌സോക്കറ്റുകളും

ഒരു അഭിപ്രായം ചേർക്കുക മറുപടി റദ്ദാക്കാൻ

ഒരു അഭിപ്രായം ചേർക്കുക