去除设置昵称输入框

This commit is contained in:
2023-10-21 09:10:09 +08:00
parent c786e05302
commit 2d4da34a41
1 changed files with 7 additions and 42 deletions

View File

@ -265,34 +265,12 @@ clientList.setChannel('profile', {
// 与每个客户端都建立基本信道, 用于交换和调度信息 // 与每个客户端都建立基本信道, 用于交换和调度信息
clientList.setChannel('base', { clientList.setChannel('base', {
onopen: async event => { onopen: async event => {
//console.debug('打开信道', event.target.label, '广播请求音乐列表和身份信息') clientList.send('base', JSON.stringify({ type: 'get_music_list' })) // 要求对方发送音乐列表
clientList.send('base', JSON.stringify({ type: 'get_music_list' })) // 要求对方发送音乐列表
//clientList.send('base', JSON.stringify({ type: 'get_user_profile' })) // 要求对方发送身份信息
}, },
onmessage: async (event, client) => { onmessage: async (event, client) => {
const data = JSON.parse(event.data) 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') { if (data.type === 'get_music_list') {
const ms = musicList.list.filter(item => item.arrayBuffer) const ms = musicList.list.filter(item => item.arrayBuffer)
//console.log(client.name, '请求音乐列表:', ms.length)
clientList.sendto(client.id, 'base', JSON.stringify({ clientList.sendto(client.id, 'base', JSON.stringify({
type: 'set_music_list', type: 'set_music_list',
list: ms.map(({ id, name, size, type }) => ({ id, name, size, type })) list: ms.map(({ id, name, size, type }) => ({ id, name, size, type }))
@ -300,13 +278,11 @@ clientList.setChannel('base', {
return return
} }
if (data.type === 'set_music_list') { if (data.type === 'set_music_list') {
//console.log(client.name, '发来音乐列表:', `x${JSON.parse(event.data).list.length}`)
client.musicList = data.list client.musicList = data.list
client.musicList.forEach(music => musicList.add(music)) client.musicList.forEach(music => musicList.add(music))
return return
} }
if (data.type === 'get_music_data') { if (data.type === 'get_music_data') {
// 建立一个信道, 用于传输音乐数据(接收方已经准备好摘要信息)
console.log(client.name, '建立一个信道, 用于传输音乐数据', musicList.list) console.log(client.name, '建立一个信道, 用于传输音乐数据', musicList.list)
musicList.list.filter(item => item.id === data.id).forEach(item => { musicList.list.filter(item => item.id === data.id).forEach(item => {
const ch = client.webrtc.createDataChannel(data.channel, { reliable: true }) const ch = client.webrtc.createDataChannel(data.channel, { reliable: true })
@ -334,25 +310,14 @@ clientList.setChannel('base', {
} }
console.log('未知类型:', data.type) console.log('未知类型:', data.type)
}, },
onclose: event => { //onclose: event => {
console.log('关闭信道', event.target.label) // console.log('关闭信道', event.target.label)
}, //},
onerror: event => { //onerror: event => {
console.error('信道错误', event.target.label, event.error) // 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')) { if (localStorage.getItem('avatar')) {
const favicon = document.createElement('link') const favicon = document.createElement('link')