Google is committed to advancing racial equity for Black communities. See how.
इस पेज का अनुवाद Cloud Translation API से किया गया है.
Switch to English

डेटा चैनल

WebRTC मानक एक RTCPeerConnection पर मनमाना डेटा भेजने के लिए एक एपीआई को भी कवर करता है। यह एक RTCPeerConnection ऑब्जेक्ट पर createDataChannel() कॉल करके किया जाता है, जो RTCDataChannel ऑब्जेक्ट RTCDataChannel है।

 const peerConnection = new RTCPeerConnection(configuration);
const dataChannel = peerConnection.createDataChannel();
 

दूरस्थ सहकर्मी RTCPeerConnection ऑब्जेक्ट पर datachannel घटना के लिए सुनकर डेटा चैनल प्राप्त कर सकता है। प्राप्त घटना RTCDataChannelEvent प्रकार की है और इसमें एक channel गुण है जो साथियों के बीच जुड़े RTCDataChannel प्रतिनिधित्व करता है।

 const peerConnection = new RTCPeerConnection(configuration);
peerConnection.addEventListener('datachannel', event => {
    const dataChannel = event.channel;
});
 

घटनाओं को खोलें और बंद करें

डेटा भेजने के लिए डेटा चैनल का उपयोग करने से पहले ग्राहक को उसके खुलने तक प्रतीक्षा करने की आवश्यकता होती है। यह open घटना सुनकर किया जाता है। इसी तरह, जब भी चैनल बंद होता है, तब के लिए एक close घटना होती है।

 const messageBox = document.querySelector('#messageBox');
const sendButton = document.querySelector('#sendButton');
const peerConnection = new RTCPeerConnection(configuration);
const dataChannel = peerConnection.createDataChannel();

// Enable textarea and button when opened
dataChannel.addEventListener('open', event => {
    messageBox.disabled = false;
    messageBox.focus();
    sendButton.disabled = false;
});

// Disable input when closed
dataChannel.addEventListener('close', event => {
    messageBox.disabled = false;
    sendButton.disabled = false;
});
 

संदेश

RTCDataChannel पर एक संदेश send() उस डेटा send() जिसे हम भेजना चाहते हैं send() साथ फ़ंक्शन को कॉल करके किया जाता है। इस फ़ंक्शन के लिए data पैरामीटर या तो एक स्ट्रिंग, एक Blob , एक ArrayBuffer या ArrayBufferView

 const messageBox = document.querySelector('#messageBox');
const sendButton = document.querySelector('#sendButton');

// Send a simple text message when we click the button
sendButton.addEventListener('click', event => {
    const message = messageBox.textContent;
    dataChannel.send(message);
})
 

दूरस्थ सहकर्मी message घटना को सुनकर RTCDataChannel पर भेजे गए संदेश प्राप्त करेगा।

 const incomingMessages = document.querySelector('#incomingMessages');

const peerConnection = new RTCPeerConnection(configuration);
const dataChannel = peerConnection.createDataChannel();

// Append new messages to the box of incoming messages
dataChannel.addEventListener('message', event => {
    const message = event.data;
    incomingMessages.textContent += message + '\n';
});