गूगल काले समुदायों के लिए जातीय इक्विटी को आगे बढ़ाने के लिए प्रतिबद्ध है। देखो कैसे।
इस पेज का अनुवाद Cloud Translation API से किया गया है.
Switch to English

डाटा चैनलों

WebRTC मानक भी एक से अधिक मनमाने ढंग से डेटा भेजने के लिए एक API को शामिल किया गया RTCPeerConnection । यह फोन करके किया जाता है createDataChannel() एक पर RTCPeerConnection वस्तु है, जो एक रिटर्न RTCDataChannel वस्तु।

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

दूरस्थ सहकर्मी के लिए सुनकर डेटा चैनल प्राप्त कर सकते हैं datachannel पर घटना RTCPeerConnection वस्तु। प्राप्त घटना प्रकार का है 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() डेटा हम भेजना चाहते हैं के साथ कार्य करते हैं। 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);
})
 

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

 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';
});