LaniakeaSupercluster/webrtc
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

更新用户信息

Browse Source
This commit is contained in:
觉 2023-10-21 08:06:29 +08:00
parent 3aa2b65c26
commit 1c584097d5
2 changed files with 5 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/client.js
View File

@ -245,15 +245,10 @@ export default class ClientList {
} }
async 用户更新({ id, name, avatar }) { async 用户更新({ id, name, avatar }) {
const client = this.clientlist.find(client => client.id === id) const client = this.clientlist.find(client => client.id === id)
if (client.name !== name) { console.log('更新用户信息:', name)
client.name = name document.getElementById(id).querySelector('span').textContent = name + 'sa'
document.getElementById(id).querySelector('span').textContent = name
}
if (client.avatar !== avatar) {
client.avatar = avatar
document.getElementById(id).querySelector('img').src = avatar document.getElementById(id).querySelector('img').src = avatar
} }
}
exit(item) { exit(item) {
const client = this.clientlist.find(client => client.id === item.id) const client = this.clientlist.find(client => client.id === item.id)
if (!client) return console.error('目标用户本不存在') if (!client) return console.error('目标用户本不存在')

15
src/main.js
View File

@ -21,8 +21,6 @@ function appendBuffer(buffer1, buffer2) {
// 读取本地音乐列表并标识为缓存状态(本地缓存) // 读取本地音乐列表并标识为缓存状态(本地缓存)
const database = new IndexedDB('musicDatabase', 1) const database = new IndexedDB('musicDatabase', 1)
await database.store('musicObjectStore') // 音乐(为什么会用这么丑的格式呢) await database.store('musicObjectStore') // 音乐(为什么会用这么丑的格式呢)
//await database.store('imageObjectStore') // 图像(为什么会用这么丑的格式呢)
//await database.store('chatsObjectStore') // 聊天室
// 读取本地音乐列表并标识为缓存状态(本地缓存) // 读取本地音乐列表并标识为缓存状态(本地缓存)
const list = (await database.getAll('musicObjectStore')).map(item => { const list = (await database.getAll('musicObjectStore')).map(item => {
@ -160,10 +158,6 @@ clientList.setChannel('chat', {
chat.收到消息({ name: client.name, ...data.text }) chat.收到消息({ name: client.name, ...data.text })
return return
} }
if (data.type === 'image') {
console.log(client.name, '发来图片:', data)
return
}
if (data.type === 'answer') { if (data.type === 'answer') {
console.log(client.name, '发来应答:', data) console.log(client.name, '发来应答:', data)
chat.answer(data) chat.answer(data)
@ -254,6 +248,7 @@ clientList.setChannel('profile', {
})) }))
}, },
onmessage: async (event, client) => { onmessage: async (event, client) => {
//console.log(client.name, '发来身份信息:', event.data)
const data = JSON.parse(event.data) const data = JSON.parse(event.data)
client.name = data.name client.name = data.name
client.avatar = data.avatar client.avatar = data.avatar
@ -295,12 +290,9 @@ clientList.setChannel('base', {
// clientList.setAvatar({ id: client.id, ...data }) // clientList.setAvatar({ id: client.id, ...data })
// return // return
//} //}
if (data.type === 'get_image_list') {
// webrtc://用户@域名:端口/信道标识/资源ID
}
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) //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 }))
@ -350,9 +342,6 @@ clientList.setChannel('base', {
} }
}) })
// 延迟1500ms
//await new Promise((resolve) => setTimeout(resolve, 100))
// 设置自己的主机名 // 设置自己的主机名
const nameInput = document.createElement('input') const nameInput = document.createElement('input')
nameInput.type = 'text' nameInput.type = 'text'