diff --git a/src/main.js b/src/main.js index b48ac35..5df41c4 100644 --- a/src/main.js +++ b/src/main.js @@ -265,34 +265,12 @@ clientList.setChannel('profile', { // 与每个客户端都建立基本信道, 用于交换和调度信息 clientList.setChannel('base', { onopen: async event => { - //console.debug('打开信道', event.target.label, '广播请求音乐列表和身份信息') - clientList.send('base', JSON.stringify({ type: 'get_music_list' })) // 要求对方发送音乐列表 - //clientList.send('base', JSON.stringify({ type: 'get_user_profile' })) // 要求对方发送身份信息 + clientList.send('base', JSON.stringify({ type: 'get_music_list' })) // 要求对方发送音乐列表 }, onmessage: async (event, client) => { const data = JSON.parse(event.data) - //if (data.type === 'get_user_profile') { - // console.log(client.name, '请求身份信息:', data) - // clientList.sendto2(client.id, 'base', JSON.stringify({ - // type: 'set_user_profile', - // name: name, - // avatar: avatar, - // })) - // return - //} - //if (data.type === 'set_user_profile') { - // console.log(client.name, '发来身份信息:', data) - // console.log('将身份信息保存到本机记录:', client) - // client.name = data.name - // client.avatar = data.avatar - // // 还需要更新组件的用户信息 - // console.log('更新组件的用户信息:', data, client) - // clientList.setAvatar({ id: client.id, ...data }) - // return - //} if (data.type === 'get_music_list') { const ms = musicList.list.filter(item => item.arrayBuffer) - //console.log(client.name, '请求音乐列表:', ms.length) clientList.sendto(client.id, 'base', JSON.stringify({ type: 'set_music_list', list: ms.map(({ id, name, size, type }) => ({ id, name, size, type })) @@ -300,13 +278,11 @@ clientList.setChannel('base', { return } if (data.type === 'set_music_list') { - //console.log(client.name, '发来音乐列表:', `x${JSON.parse(event.data).list.length}`) client.musicList = data.list client.musicList.forEach(music => musicList.add(music)) return } if (data.type === 'get_music_data') { - // 建立一个信道, 用于传输音乐数据(接收方已经准备好摘要信息) console.log(client.name, '建立一个信道, 用于传输音乐数据', musicList.list) musicList.list.filter(item => item.id === data.id).forEach(item => { const ch = client.webrtc.createDataChannel(data.channel, { reliable: true }) @@ -334,25 +310,14 @@ clientList.setChannel('base', { } console.log('未知类型:', data.type) }, - onclose: event => { - console.log('关闭信道', event.target.label) - }, - onerror: event => { - console.error('信道错误', event.target.label, event.error) - } + //onclose: event => { + // console.log('关闭信道', event.target.label) + //}, + //onerror: event => { + // console.error('信道错误', event.target.label, event.error) + //} }) -// 设置自己的主机名 -const nameInput = document.createElement('input') -nameInput.type = 'text' -nameInput.placeholder = '请设置你的昵称' -nameInput.value = name -nameInput.onchange = event => { - localStorage.setItem('username', event.target.value) - window.location.reload() // 简单刷新页面 -} -document.body.appendChild(nameInput) - // 设置标签为自己的头像 if (localStorage.getItem('avatar')) { const favicon = document.createElement('link')