我正在使用我的SveltKit应用程序中的peerjs模块创建一个对等文件传输应用程序

此外,自定义信令服务器使用peerjs --port 5000命令,并成功连接

这是我的文件发送者端的代码类型脚本:

    import { FormatFileSize } from '../lib/utils/FormatFileSize';  // function to convert file size into a string of kb, MB, GB file sizes
    import Peer from 'peerjs';
    import type { DataConnection } from 'peerjs'; // had to import separately because no export of DataConnection was shown from the 'peerjs' module I don't know why
    import { onMount } from 'svelte';

    export let file: FileList;  // the file which needs to be transfered

    let senderPeerId: string = '';

    onMount(() => {
        let peer: Peer = new Peer({
            host: '/',
            port: 5000
        });

        peer.on('open', function (id) {
            console.log('My peer ID is: ' + id);
            senderPeerId = id;
        });

        peer.on('connection', (dataConnection: DataConnection) => {
            console.log('connected', dataConnection);

            dataConnection.send('Hello');  // trying to send this but it's not being recie

            dataConnection.on('data', function (data) {
                console.log('Received', data);  // I am logging the data received from the other end
            });
        });
    });

这是我在文件接收方端的代码类型脚本(但这一端正在启动对等连接):

    import type { PageData } from './$types';
    import Peer from 'peerjs';
    import { onMount } from 'svelte';

    export let data: PageData; // in the formate of { receiverId: string } because this page params contain the peer id of the sender.

    let peer: Peer;  // initiating here so that can use it elsewhere

    onMount(() => {
        peer = new Peer({
            host: '/',
            port: 5000
        });
        peer.on('open', function (id) {
            console.log('My peer ID is: ' + id);
            startPeerConnection();
        });
    });

    function startPeerConnection() {
        const dataConnection = peer.connect(data.receiverId);

        console.log(dataConnection);

        dataConnection.on('open', function () {
            console.log('connection started');

            dataConnection.on('data', function (data) {
                console.log('Received', data);  // logging the data, but no data is recieved
            });

            dataConnection.send('World');  // this data is sent successfully and logged in the console of the other side 
        });
    }

我在这里做错了什么,或者只有发起连接的一方可以发送数据?

我浏览了互联网,但找不到类似的问题和解决方法,请帮助!!

只能从启动连接的一端发送数据。如何从另一端(PeerJs)发送数据的更多相关文章

  1. 在iOS上构建WebRtc

    msg/discuss-webrtc/VJg-fk2-i_0/dtG200DOzsgJ但步骤不明确.某人可以总结这些步骤,以便将来对所有人都有用吗?解决方法我写了一篇详细的博客文章,其中包含有关如何构建WebRTC示例iOS应用程序的所有说明,以及如何在iOS模拟器或实际的iOS设备上运行它.你可以takealookhere阅读细节,这是一个非常漫长的过程.

  2. ios – 可以在iPhone上使用Web RTC,如果是这样,怎么样?

    可以在iPhone上使用WebRTC,如果是这样,怎么样?我们如何在iPhone中集成WebRTC.解决方法有一些适用于iOS的基于WebRTC的SDK.看看这篇文章:http://bloggeek.me/webrtc-fit-ios/

  3. QuickBlox WebRtc VideoChat Android

    几天我正在研究quickblox.i让对手观点在我的观点下面,如this.它工作正常,但是当我保持像skype这样的视图时:–对手视图在全屏幕上,我的视图位于对手视图的右上角,它只渲染一个最终渲染的视图.我在quickblox网站上看了quickbloxwebrtc示例.我看到了该示例中的代码,但它包含了一些会议对话,其中包含一些复杂的循环视图编码,对我来说,单个一对一的谈话是必需的,任何人都可以

  4. Android Webrtc记录来自其他同行的流的视频

    我正在开发一个webrtc视频通话Android应用程序,它工作得很好,我需要录制其他对等(remoteVideoStream)和myStream(localVideoStream)的视频,并将其转换为某些可保存的格式,如mp4或任何其他格式,我真的在寻找它,但却无法弄清楚如何完成这项工作.我已经阅读了有关VideoFileRenderer的内容,我尝试将其添加到我的代码中以保存视频但是也无法使用

  5. DataChannel.state()始终返回CONNECTING webRTC Android

    我有一个Android应用程序作为运行在Node.js服务器上的WebRTC服务器的客户端运行.该应用程序的当前状态是我可以进行视频通话,但无法在DataChannel上发送消息.这是我的Android应用程序的完整代码.Home.javapeerEventHandler.java欢迎任何意见和建议;)解决方法WebRTC数据通道现在通过SCTP工作,因此您可以删除RtpDataChannels约

  6. android – 使用AppRTC与自定义服务器

    我已经成功构建了AppRTCforAndroid,我可以使视频通话提供演示应用程序的地址(https://apprtc.appspot.com/?r=XXXXXXXX)我的问题是,如何使这个应用程序与自定义WebRTC服务器或另一个WebRTC应用程序(例如https://talky.io/)配合使用我有点困惑如何实现这一点.我也遵循教程HERE,我可以在桌面浏览器之间拨打电话,但我不知道如何从A

  7. 详解IOS WebRTC的实现原理

    WebRTC,源自网页实时通信(Web Real-Time Communication)缩写,它是支持网页浏览器进行实时语音对话或视频对话的技术。它为我们提供了视频会议的核心技术,包括音视频的采集、编解码、网络传输、显示等功能,并且还支持跨平台:windows,linux,mac,android,ios。

  8. Html5 webRTC简单实现视频调用的示例代码

    这篇文章主要介绍了Html5 webRTC简单实现视频调用的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  9. Android WebRTC 对 AudioRecord 的使用技术分享

    这篇文章主要介绍了Android WebRTC 对 AudioRecord 的使用技术分享,AudioRecord 是 Android 基于原始PCM音频数据录制的类,接下来和小编进入文章了解更详细的内容吧

  10. JavaScript开发简单易懂的Svelte实现原理详解

    这篇文章主要为大家介绍了JavaScript开发简单易懂的Svelte实现原理的内容详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步

随机推荐

  1. 如何扩展ATmega324PB微控制器的以下宏寄存器?

    我目前正在学习嵌入式,我有以下练习:展开以下宏寄存器:如果有人解决了这个问题,我将不胜感激,以便将来参考

  2. Python将ONNX运行时设置为返回张量而不是numpy数组

    在python中,我正在加载预定义的模型:然后我加载一些数据并运行它:到目前为止,它仍在正常工作,但我希望它默认返回Tensor列表,而不是numpy数组。我对ONNX和PyTorch都是新手,我觉得这是我在这里缺少的基本内容。这将使转换中的一些开销相同。

  3. 在macOS上的终端中使用Shell查找文件中的单词

    我有一个文本文件,其中有一行:我需要找到ID并将其提取到变量中。我想出了一个RexEx模式:但它似乎对我尝试过的任何东西都不起作用:grep、sed——不管怎样。我的一个尝试是:我为这样一个看似愚蠢的问题感到抱歉,但我在互联网上找不到任何东西:我在SO和SE上读了几十个类似的问题,并在谷歌上搜索了几个教程,但仍然无法找到答案。欢迎提供任何指导!

  4. react-chartjs-2甜甜圈图中只有标题未更新

    我正在使用react-chartjs-2在我的网站中实现甜甜圈图。下面是我用来呈现图表的代码。我将甜甜圈图的详细信息从父组件传递到子组件,所有道具都正确传递。当我在beforeDraw函数外部记录props.title时,它会记录正确的值,但当我在beforeDraw函数内部记录props.title时,它将记录标题的前一个值,从而呈现标题的前值。我在这里做错了什么?

  5. 如何在tkinter中使用Python生成器函数?

    生成器函数承诺使某些代码更易于编写。但我并不总是知道如何使用它们。假设我有一个斐波那契生成器函数fib(),我想要一个显示第一个结果的tkinter应用程序。当我点击“下一步”按钮时,它会显示第二个数字,依此类推。我如何构建应用程序来实现这一点?我可能需要在线程中运行生成器。但如何将其连接回GUI?

  6. 如何为每次提交将存储库历史记录拆分为一行?

    我正在尝试获取存储库的历史记录,但结果仅以单行文本的形式返回给我。

  7. 尝试在颤振项目上初始化Firebase时出错

    当尝试在我的颤振项目上初始化firebase时,我收到了这个错误有人知道我能做什么吗?应用程序分级Gradle插件Gradle项目颤振相关性我已经将firebase设置为Google文档已经在另一个模拟器上尝试过,已经尝试过创建一个全新的模拟器,已经在不同的设备上尝试过了,已经尝试了特定版本的firebase,已经尝试添加但没有任何效果,已经在youtube上看到了关于它的每一个视频,该应用程序在android和iOS两个平台上都抛出了这个错误

  8. 在unix中基于当前日期添加新列

    我试图在unix中基于时间戳列在最后一个单元格中添加一个状态列。我不确定如何继续。

  9. 麦克斯·蒙特利。我一直得到UncaughtReferenceError:当我在终端中写入node-v时,节点未定义

    如果这是您应该知道的,请确认:我已将所有shell更改为默认为zsh。当我在终端中写入node-v时,我一直收到“UncaughtReferenceError:nodeisnotdefined”。但它显示节点已安装。我是个新手,在这方面经验不足。

  10. 如何在前端单击按钮时调用后端中的函数?

    那么如何在后端添加一个新的端点,点击按钮调用这个函数。

返回
顶部