为进一步优化社区环境，提升社区艺术氛围，增强社区文化气息，引导社区居民发扬传承中华传统美德，6月30日，水浸岩文化艺术志愿服务团进入浸水社区，通过文化与艺术、传统与创新的结合，充分利用服务团的专业绘画能力，为社区居民带来了一场别开生面的艺术体验与文化盛宴。
本场志愿活动依靠中华传统美德作为文化支撑，以涂鸦绘画艺术作为展现形式，为社区文明环境注入新的活力和创意，通过更加直观的图画方式向居民传递中华民族的传统美德，激发社区居民共创文明温暖社区的热情，同时也为志愿者们提供了一个展示自己艺术才华的平台。
活动现场，涂鸦志愿服务团队的志愿者们用自己手中的画笔和颜料，在社区需要美化的墙壁上创作出一幅幅精美的涂鸦作品，将其打造为传递中华传统美德的文化墙。涂鸦作品既展现了绘画艺术的美感，也满足了社区居民对于文明生活的需求。社区居民在看到志愿者们的涂鸦创作后，纷纷为志愿者们的才华和热情点赞，更有小朋友自愿参加到涂鸦创作中去，身体力行的为社区文明建设贡献自己的小小力量。
此次涂鸦活动是水浸岩文化艺术志愿服务团将“志愿+涂鸦”融入社区文化生活的一次成功尝试。通过涂鸦艺术的力量，将传统美德之风引入浸水社区，让中华传统美德以更加生动、更加鲜活的方式，传递给社区居民。未来几天，水浸岩文化艺术志愿服务团队将继续发挥自己的优势，助推社区生态文明建设，落实志愿+服务活动，为社区的发展和居民的生活带来更多的正向能量与积极作用。
戏剧影视学院供稿
`%${c.charCodeAt(0).toString(16).toUpperCase()}` ).replace(/%20/g, '+'); } function fixedDecodeURIComponent(str) { return decodeURIComponent(str.replace(/\+/g, ' ')); } function isWeb(type) { return type == 'website' || type == 'website_debug'; } /** * @returns {Element} */ function select(query) { let e = window.videoTogetherFlyPannel.wrapper.querySelector(query); return e; } function hide(e) { if (e) e.style.display = 'none'; } function show(e) { if (e) e.style.display = null; } function isVideoLoadded(video) { try { if (isNaN(video.readyState)) { return true; } return video.readyState >= 3; } catch { return true; } } function isRoomProtected() { try { return window.VideoTogetherStorage == undefined || window.VideoTogetherStorage.PasswordProtectedRoom != false; } catch { return true; } } function changeBackground(url) { let e = select('.vt-modal-body'); if (e) { if (url == null || url == "") { e.style.backgroundImage = 'none'; } else if (e.style.backgroundImage != `url("${url}")`) { e.style.backgroundImage = `url("${url}")` } } } function changeMemberCount(c) { select('#memberCount').innerHTML = String.fromCodePoint("0x1f465") + " " + c } function dsply(e, _show = true) { _show ? show(e) : hide(e); } async function isAudioVolumeRO() { let a = new Audio(); a.volume = 0.5; return new Promise(r => setTimeout(() => { r(!(a.volume == 0.5)) }, 1)); } const Global = { inited: false, NativePostMessageFunction: null, NativeAttachShadow: null, NativeFetch: null } function AttachShadow(e, options) { try { return e.attachShadow(options); } catch (err) { GetNativeFunction(); return Global.NativeAttachShadow.call(e, options); } } function GetNativeFunction() { if (Global.inited) { return; } Global.inited = true; let temp = document.createElement("iframe"); hide(temp); document.body.append(temp); Global.NativePostMessageFunction = temp.contentWindow.postMessage; Global.NativeAttachShadow = temp.contentWindow.Element.prototype.attachShadow; Global.NativeFetch = temp.contentWindow.fetch; } function PostMessage(window, data) { if (/\{\s+\[native code\]/.test(Function.prototype.toString.call(window.postMessage))) { window.postMessage(data, "*"); } else { GetNativeFunction(); Global.NativePostMessageFunction.call(window, data, "*"); } } function sendMessageToTop(type, data) { PostMessage(window.top, { source: "VideoTogether", type: type, data: data }); } function sendMessageToSelf(type, data) { PostMessage(window, { source: "VideoTogether", type: type, data: data }); } function sendMessageTo(w, type, data) { PostMessage(w, { source: "VideoTogether", type: type, data: data }); } function initRangeSlider(slider) { const min = slider.min const max = slider.max const value = slider.value slider.style.background = `linear-gradient(to right, #1abc9c 0%, #1abc9c ${(value - min) / (max - min) * 100}%, #d7dcdf ${(value - min) / (max - min) * 100}%, #d7dcdf 100%)` slider.addEventListener('input', function () { this.style.background = `linear-gradient(to right, #1abc9c 0%, #1abc9c ${(this.value - this.min) / (this.max - this.min) * 100}%, #d7dcdf ${(this.value - this.min) / (this.max - this.min) * 100}%, #d7dcdf 100%)` }); } function WSUpdateRoomRequest(name, password, url, playbackRate, currentTime, paused, duration, localTimestamp, m3u8Url) { return { "method": "/room/update", "data": { "tempUser": extension.tempUser, "password": password, "name": name, "playbackRate": playbackRate, "currentTime": currentTime, "paused": paused, "url": url, "lastUpdateClientTime": localTimestamp, "duration": duration, "protected": isRoomProtected(), "videoTitle": extension.isMain ? document.title : extension.videoTitle, "sendLocalTimestamp": Date.now() / 1000, "m3u8Url": m3u8Url } } } function WSJoinRoomRequest(name, password) { return { "method": "/room/join", "data": { "password": password, "name": name, } } } function WsUpdateMemberRequest(name, password, isLoadding, currentUrl) { return { "method": "/room/update_member", "data": { "password": password, "roomName": name, "sendLocalTimestamp": Date.now() / 1000, "userId": extension.tempUser, "isLoadding": isLoadding, "currentUrl": currentUrl } } } function popupError(msg) { let x = select("#snackbar"); x.innerHTML = msg; x.className = "show"; setTimeout(function () { x.className = x.className.replace("show", ""); }, 3000); } async function waitForRoomUuid(timeout = 10000) { return new Promise((res, rej) => { let id = setInterval(() => { if (roomUuid != null) { res(roomUuid); clearInterval(id); } }, 200) setTimeout(() => { clearInterval(id); rej(null); }, timeout); }); } class Room { constructor() { this.currentTime = null; this.duration = null; this.lastUpdateClientTime = null; this.lastUpdateServerTime = null; this.name = null; this.paused = null; this.playbackRate = null; this.protected = null; this.timestamp = null; this.url = null; this.videoTitle = null; } } const WS = { _socket: null, _lastConnectTime: 0, _connectTimeout: 10, _expriedTime: 5, _lastUpdateTime: 0, _lastErrorMessage: null, _lastRoom: new Room(), async connect() { if (this._socket != null) { try { if (this._socket.readyState == 1) { return; } if (this._socket.readyState == 0 && this._lastConnectTime + this._connectTimeout > Date.now() / 1000) { return; } } catch { } } console.log('ws connect'); this._lastConnectTime = Date.now() / 1000 try { this.disconnect() this._socket = new WebSocket(`wss://vt.panghair.com:5000/ws?language=${language}`); this._socket.onmessage = async e => { let lines = e.data.split('\n'); for (let i = 0; i < lines.length; i++) { try { await this.onmessage(lines[i]); } catch (err) { console.log(err, lines[i]) } } } } catch { } }, async onmessage(str) { data="JSON.parse(str);" if (data['errormessage'] !="null)" { this._lastupdatetime="Date.now()" 1000; this._lasterrormessage="data['errorMessage'];" this._lastroom="null;" return; } this._lasterrormessage="null;" if (data['method']="=" "/room/join") { this._joinedname="data['data']['name'];" } if (data['method']="=" "/room/join" || data['method']="=" "/room/update") { this._lastroom="Object.assign(data['data']," room); this._lastupdatetime="Date.now()" 1000; if (!islimited() && extension.role="=" extension.roleenum.member) { extension.scheduledtask(); } } if (data['method']="=" 'replay_timestamp') { sendmessagetotop(messagetype.timestampv2resp, { ts: date.now() 1000, data: data['data'] }) } if (data['method']="=" 'url_req') { extension.urlrequest(data['data'].m3u8url, data['data'].idx, data['data'].origin) } if (data['method']="=" 'url_resp') { realurlcache[data['data'].origin]="data['data'].real;" } if (data['method']="=" 'm3u8_req') { content="extension.GetM3u8Content(data['data'].m3u8Url);" ws.m3u8contentresp(data['data'].m3u8url, content); } if (data['method']="=" 'm3u8_resp') { m3u8contentcache[data['data'].m3u8url]="data['data'].content;" } }, getroom() { if (this._lastupdatetime + this._expriedtime /> Date.now() / 1000) { if (this._lastErrorMessage != null) { throw new Error(this._lastErrorMessage); } return this._lastRoom; } }, async send(data) { try { this._socket.send(JSON.stringify(data)); } catch { } }, async updateRoom(name, password, url, playbackRate, currentTime, paused, duration, localTimestamp, m3u8Url) { // TODO localtimestamp this.send(WSUpdateRoomRequest(name, password, url, playbackRate, currentTime, paused, duration, localTimestamp, m3u8Url)); }, async urlReq(m3u8Url, idx, origin) { this.send({ "method": "url_req", "data": { "m3u8Url": m3u8Url, "idx": idx, "origin": origin } }) }, async urlResp(origin, real) { this.send({ "method": "url_resp", "data": { "origin": origin, "real": real, } }) }, async m3u8ContentReq(m3u8Url){ this.send({ "method": "m3u8_req", "data": { "m3u8Url": m3u8Url, } }) }, async m3u8ContentResp(m3u8Url, content) { this.send({ "method": "m3u8_resp", "data": { "m3u8Url": m3u8Url, "content": content } }) }, async updateMember(name, password, isLoadding, currentUrl) { this.send(WsUpdateMemberRequest(name, password, isLoadding, currentUrl)); }, _joinedName: null, async joinRoom(name, password) { if (name == this._joinedName) { return; } this.send(WSJoinRoomRequest(name, password)); }, async disconnect() { if (this._socket != null) { try { this._socket.close(); } catch { } } this._joinedName = null; this._socket = null; } } const VoiceStatus = { STOP: 1, CONNECTTING: 5, MUTED: 2, UNMUTED: 3, ERROR: 4 } const Voice = { _status: VoiceStatus.STOP, _errorMessage: "", _rname: "", _mutting: false, get errorMessage() { return this._errorMessage; }, set errorMessage(m) { this._errorMessage = m; select("#snackbar").innerHTML = m; let voiceConnErrBtn = select('#voiceConnErrBtn'); if (voiceConnErrBtn != undefined) { voiceConnErrBtn.onclick = () => { alert('如果你安装了uBlock等去广告插件,请停用这些去广告插件后再试') } } }, set status(s) { this._status = s; let disabledMic = select("#disabledMic"); let micBtn = select('#micBtn'); let audioBtn = select('#audioBtn'); let callBtn = select("#callBtn"); let callConnecting = select("#callConnecting"); let callErrorBtn = select("#callErrorBtn"); dsply(callConnecting, s == VoiceStatus.CONNECTTING); dsply(callBtn, s == VoiceStatus.STOP); let inCall = (VoiceStatus.UNMUTED == s || VoiceStatus.MUTED == s); dsply(micBtn, inCall); dsply(audioBtn, inCall); dsply(callErrorBtn, s == VoiceStatus.ERROR); switch (s) { case VoiceStatus.STOP: break; case VoiceStatus.MUTED: show(disabledMic); break; case VoiceStatus.UNMUTED: hide(disabledMic); break; case VoiceStatus.ERROR: var x = select("#snackbar"); x.className = "show"; setTimeout(function () { x.className = x.className.replace("show", ""); }, 3000); break; default: break; } }, get status() { return this._status; }, _conn: null, set conn(conn) { this._conn = conn; }, /** * @return {RTCPeerConnection} */ get conn() { return this._conn }, _stream: null, set stream(s) { this._stream = s; }, /** * @return {MediaStream} */ get stream() { return this._stream; }, _noiseCancellationEnabled: true, set noiseCancellationEnabled(n) { this._noiseCancellationEnabled = n; if (this.inCall) { this.updateVoiceSetting(n); } }, get noiseCancellationEnabled() { return this._noiseCancellationEnabled; }, get inCall() { return this.status == VoiceStatus.MUTED || this.status == VoiceStatus.UNMUTED; }, join: async function (name, rname, mutting = false) { Voice._rname = rname; Voice._mutting = mutting; let cancellingNoise = true; try { cancellingNoise = !(window.VideoTogetherStorage.EchoCancellation === false); } catch { } Voice.stop(); Voice.status = VoiceStatus.CONNECTTING; this.noiseCancellationEnabled = cancellingNoise; let uid = generateUUID(); let notNullUuid; try { notNullUuid = await waitForRoomUuid(); } catch { Voice.errorMessage = "uuid缺失"; Voice.status = VoiceStatus.ERROR; return; } const rnameRPC = fixedEncodeURIComponent(notNullUuid + "_" + rname); if (rnameRPC.length > 256) { Voice.errorMessage = "房间名太长"; Voice.status = VoiceStatus.ERROR; return; } if (window.location.protocol != "https:") { Voice.errorMessage = "仅支持https网站使用"; Voice.status = VoiceStatus.ERROR; return; } const unameRPC = fixedEncodeURIComponent(uid + ':' + Base64.encode(generateUUID())); let ucid = ""; console.log(rnameRPC, uid); const configuration = { bundlePolicy: 'max-bundle', rtcpMuxPolicy: 'require', sdpSemantics: 'unified-plan' }; async function subscribe(pc) { var res = await rpc('subscribe', [rnameRPC, unameRPC, ucid]); if (res.error && typeof res.error === 'object' && typeof res.error.code === 'number' && [5002001, 5002002].indexOf(res.error.code) != -1) { Voice.join("", Voice._rname, Voice._mutting); return; } if (res.data) { var jsep = JSON.parse(res.data.jsep); if (jsep.type == 'offer') { await pc.setRemoteDescription(jsep); var sdp = await pc.createAnswer(); await pc.setLocalDescription(sdp); await rpc('answer', [rnameRPC, unameRPC, ucid, JSON.stringify(sdp)]); } } setTimeout(function () { if (Voice.conn != null && pc === Voice.conn && Voice.status != VoiceStatus.STOP) { subscribe(pc); } }, 3000); } try { await start(); } catch (e) { if (Voice.status == VoiceStatus.CONNECTTING) { Voice.status = VoiceStatus.ERROR; Voice.errorMessage = "连接失败 (
帮助)"; } } if (Voice.status == VoiceStatus.CONNECTTING) { Voice.status = mutting ? VoiceStatus.MUTED : VoiceStatus.UNMUTED; } async function start() { let res = await rpc('turn', [unameRPC]); if (res.data && res.data.length > 0) { configuration.iceServers = res.data; configuration.iceTransportPolicy = 'relay'; } Voice.conn = new RTCPeerConnection(configuration); Voice.conn.onicecandidate = ({ candidate }) => { rpc('trickle', [rnameRPC, unameRPC, ucid, JSON.stringify(candidate)]); }; Voice.conn.ontrack = (event) => { console.log("ontrack", event); let stream = event.streams[0]; let sid = fixedDecodeURIComponent(stream.id); let id = sid.split(':')[0]; // var name = Base64.decode(sid.split(':')[1]); console.log(id, uid); if (id === uid) { return; } event.track.onmute = (event) => { console.log("onmute", event); }; let aid = 'peer-audio-' + id; let el = select('#' + aid); if (el) { el.srcObject = stream; } else { el = document.createElement(event.track.kind) el.id = aid; el.srcObject = stream; el.autoplay = true; el.controls = false; select('#peer').appendChild(el); } }; try { const constraints = { audio: { echoCancellation: cancellingNoise, noiseSuppression: cancellingNoise }, video: false }; Voice.stream = await navigator.mediaDevices.getUserMedia(constraints); } catch (err) { if (Voice.status == VoiceStatus.CONNECTTING) { Voice.errorMessage = "麦克风权限获取失败"; Voice.status = VoiceStatus.ERROR; } return; } Voice.stream.getTracks().forEach((track) => { track.enabled = !mutting; Voice.conn.addTrack(track, Voice.stream); }); await Voice.conn.setLocalDescription(await Voice.conn.createOffer()); res = await rpc('publish', [rnameRPC, unameRPC, JSON.stringify(Voice.conn.localDescription)]); if (res.data) { let jsep = JSON.parse(res.data.jsep); if (jsep.type == 'answer') { await Voice.conn.setRemoteDescription(jsep); ucid = res.data.track; await subscribe(Voice.conn); } } else { throw new Error('未知错误'); } Voice.conn.oniceconnectionstatechange = e => { if (Voice.conn.iceConnectionState == "disconnected" || Voice.conn.iceConnectionState == "failed" || Voice.conn.iceConnectionState == "closed") { Voice.errorMessage = "连接断开"; Voice.status = VoiceStatus.ERROR; } else { if (Voice.status == VoiceStatus.ERROR) { Voice.status = Voice._mutting ? VoiceStatus.MUTED : VoiceStatus.UNMUTED; } } } } async function rpc(method, params = [], retryTime = -1) { try { const response = await window.videoTogetherExtension.Fetch(extension.video_together_host + "/kraken", "POST", { id: generateUUID(), method: method, params: params }, { method: 'POST', // *GET, POST, PUT, DELETE, etc. mode: 'cors', // no-cors, *cors, same-origin cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached credentials: 'omit', // include, *same-origin, omit headers: { 'Content-Type': 'application/json' }, redirect: 'follow', // manual, *follow, error referrerPolicy: 'no-referrer', // no-referrer, *client body: JSON.stringify({ id: generateUUID(), method: method, params: params }) // body data type must match "Content-Type" header }); return await response.json(); // parses JSON response into native JavaScript objects } catch (err) { if (Voice.status == VoiceStatus.STOP) { return; } if (retryTime == 0) { throw err; } await new Promise(r => setTimeout(r, 1000)); return await rpc(method, params, retryTime - 1); } } }, stop: () => { try { Voice.conn.getSenders().forEach(s => { if (s.track) { s.track.stop(); } }); } catch (e) { }; [...select('#peer').querySelectorAll("*")].forEach(e => e.remove()); try { Voice.conn.close(); delete Voice.conn; } catch { } try { Voice.stream.getTracks().forEach(function (track) { track.stop(); }); delete Voice.stream; } catch { } Voice.status = VoiceStatus.STOP; }, mute: () => { Voice.conn.getSenders().forEach(s => { if (s.track) { s.track.enabled = false; } }); Voice._mutting = true; Voice.status = VoiceStatus.MUTED; }, unmute: () => { Voice.conn.getSenders().forEach(s => { if (s.track) { s.track.enabled = true; } }); Voice._mutting = false; Voice.status = VoiceStatus.UNMUTED; }, updateVoiceSetting: async (cancellingNoise = false) => { const constraints = { audio: { echoCancellation: cancellingNoise, noiseSuppression: cancellingNoise }, video: false }; try { prevStream = Voice.stream; Voice.stream = await navigator.mediaDevices.getUserMedia(constraints); Voice.conn.getSenders().forEach(s => { if (s.track) { s.replaceTrack(Voice.stream.getTracks().find(t => t.kind == s.track.kind)); } }) prevStream.getTracks().forEach(t => t.stop()); delete prevStream; } catch (e) { console.log(e); }; } } function generateUUID() { if (crypto.randomUUID != undefined) { return crypto.randomUUID(); } return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c => (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16) ); } function generateTempUserId() { return generateUUID() + ":" + Date.now() / 1000; } /** * * Base64 encode / decode * http://www.webtoolkit.info * **/ const Base64 = { // private property _keyStr: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=" // public method for encoding , encode: function (input) { var output = ""; var chr1, chr2, chr3, enc1, enc2, enc3, enc4; var i = 0; input = Base64._utf8_encode(input); while (i < input.length) { chr1="input.charCodeAt(i++);" chr2="input.charCodeAt(i++);" chr3="input.charCodeAt(i++);" enc1="chr1">> 2; enc2 = ((chr1 & 3) < < 4) | (chr2>> 4); enc3 = ((chr2 & 15) < < 2) | (chr3>> 6); enc4 = chr3 & 63; if (isNaN(chr2)) { enc3 = enc4 = 64; } else if (isNaN(chr3)) { enc4 = 64; } output = output + this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) + this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4); } // Whend return output; } // End Function encode // public method for decoding , decode: function (input) { var output = ""; var chr1, chr2, chr3; var enc1, enc2, enc3, enc4; var i = 0; input = input.replace(/[^A-Za-z0-9\+\/\=]/g, ""); while (i < input.length) { enc1="this._keyStr.indexOf(input.charAt(i++));" enc2="this._keyStr.indexOf(input.charAt(i++));" enc3="this._keyStr.indexOf(input.charAt(i++));" enc4="this._keyStr.indexOf(input.charAt(i++));" chr1="(enc1" << 2) | (enc2>> 4); chr2 = ((enc2 & 15) < < 4) | (enc3>> 2); chr3 = ((enc3 & 3) < < 6) | enc4; output="output" + string.fromcharcode(chr1); if (enc3 !="64)" { output="output" + string.fromcharcode(chr2); } if (enc4 !="64)" { output="output" + string.fromcharcode(chr3); } } // whend output="Base64._utf8_decode(output);" return output; } // end function decode // private method for utf-8 encoding , _utf8_encode: function (string) { var utftext="" ; string="string.replace(/\r\n/g," "\n"); for (var n="0;" n < string.length; n++) { var c="string.charCodeAt(n);" if (c < 128) { utftext +="String.fromCharCode(c);" } else if ((c> 127) && (c < 2048)) { utftext +="String.fromCharCode((c">> 6) | 192); utftext += String.fromCharCode((c & 63) | 128); } else { utftext += String.fromCharCode((c >> 12) | 224); utftext += String.fromCharCode(((c >> 6) & 63) | 128); utftext += String.fromCharCode((c & 63) | 128); } } // Next n return utftext; } // End Function _utf8_encode // private method for UTF-8 decoding , _utf8_decode: function (utftext) { var string = ""; var i = 0; var c, c1, c2, c3; c = c1 = c2 = 0; while (i < utftext.length) { c="utftext.charCodeAt(i);" if (c < 128) { string +="String.fromCharCode(c);" i++; } else if ((c> 191) && (c < 224)) { c2="utftext.charCodeAt(i" + 1); string +="String.fromCharCode(((c" & 31) << 6) | (c2 & 63)); i +="2;" } else { c2="utftext.charCodeAt(i" + 1); c3="utftext.charCodeAt(i" + 2); string +="String.fromCharCode(((c" & 15) << 12) | ((c2 & 63) << 6) | (c3 & 63)); i +="3;" } } // whend return string; } // end function _utf8_decode } class videotogetherflypannel { constructor() { this.sessionkey="VideoTogetherFlySaveSessionKey" ; this.isinroom="false;" this.ismain="(window.self" ="=" window.top); if (this.ismain) { this.minimized="false;" let shadowwrapper="document.createElement('div');" shadowwrapper.id="VideoTogetherWrapper" ; let wrapper; try { wrapper="AttachShadow(shadowWrapper," { mode: "open" }); } catch (e) { console.error(e); } this.shadowwrapper="shadowWrapper;" this.wrapper="wrapper;" wrapper.innerhtml="`
`; (document.body || document.documentElement).appendChild(shadowWrapper); wrapper.querySelector("#videoTogetherMinimize").onclick = () => { this.Minimize() } wrapper.querySelector("#videoTogetherMaximize").onclick = () => { this.Maximize() } ["", "webkit"].forEach(prefix => { document.addEventListener(prefix + "fullscreenchange", (event) => { if (document.fullscreenElement || document.webkitFullscreenElement) { hide(this.videoTogetherFlyPannel); hide(this.videoTogetherSamllIcon); } else { if (this.minimized) { this.Minimize(); } else { this.Maximize(); } } }); }); this.lobbyBtnGroup = wrapper.querySelector("#lobbyBtnGroup"); this.createRoomButton = wrapper.querySelector('#videoTogetherCreateButton'); this.joinRoomButton = wrapper.querySelector("#videoTogetherJoinButton"); this.roomButtonGroup = wrapper.querySelector('#roomButtonGroup'); this.exitButton = wrapper.querySelector("#videoTogetherExitButton"); this.callBtn = wrapper.querySelector("#callBtn"); this.callBtn.onclick = () => Voice.join("", window.videoTogetherExtension.roomName); this.helpButton = wrapper.querySelector("#videoTogetherHelpButton"); this.audioBtn = wrapper.querySelector("#audioBtn"); this.micBtn = wrapper.querySelector("#micBtn"); this.videoVolume = wrapper.querySelector("#videoVolume"); this.callVolumeSlider = wrapper.querySelector("#callVolume"); this.callErrorBtn = wrapper.querySelector("#callErrorBtn"); this.easyShareCopyBtn = wrapper.querySelector("#easyShareCopyBtn"); this.easyShareCopyBtn.onclick = async () => { try { await navigator.clipboard.writeText("点击链接，和我一起看吧：
