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

Merge branch 'main' of git.satori.love:LaniakeaSupercluster/webrtc

Browse Source
This commit is contained in:
觉 2023-10-20 15:13:45 +08:00
commit 06479610f9
2 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/music.js
View File

@ -47,11 +47,28 @@ export default class MusicList {
maxWidth: '20rem', maxHeight: '70vh',
overflow: 'hidden', boxShadow: '0 0 1rem #eee',
display: 'flex', flexDirection: 'column',
fontSize: '12px'
fontSize: '12px', userSelect: 'none',
},
onclick: event => {
this.ul.classList.toggle('disable')
},
onmousedown({ srcElement: dom, clientX, clientY }) {
if (dom !== element) return
const [w, h] = [innerWidth - dom.offsetWidth, innerWidth - dom.offsetHeight]
document.onmouseup = () => {
if (dom.offsetLeft < 0) dom.style.left = '0px'
if (dom.offsetTop < 0) dom.style.top = '0px'
if (dom.offsetLeft > w) dom.style.left = w + 'px'
if (dom.offsetTop > h) dom.style.top = h + 'px'
document.onmouseup = document.onmousemove = null
localStorage.setItem('playerXY', dom.style.left + ',' + dom.style.top)
}
document.onmousemove = ({ clientX: x, clientY: y }) => {
dom.style.left = dom.offsetLeft - clientX + x + 'px'
dom.style.top = dom.offsetTop - clientY + y + 'px';
[clientX, clientY] = [x, y]
}
},
children: [
this.audio,
this.ul,

4
src/weigets.js
View File

@ -127,7 +127,7 @@ export function UploadMusic(options) {
options.onchange(files)
},
children: [
// 绘制一个云朵上传图标(别放弃...还有我呢!)
// 绘制一个云朵上传图标
createElement({
style: {
width: '82px',
@ -183,7 +183,7 @@ export function UploadMusic(options) {
fontWeight: 'bold',
position: 'relative',
top: '-2.25rem',
color: '#e7f4fd',
color: '#e7f8fd',
textShadow: '0 1px 1px #fff',
//textShadow: '0 0 5px #000, 0 0 10px #000, 0 0 15px #000, 0 0 20px #000, 0 0 25px #000, 0 0 30px #000, 0 0 35px #000, 0 0 40px #000, 0 0 45px #000, 0 0 50px #000, 0 0 55px #000, 0 0 60px #000, 0 0 65px #000, 0 0 70px #000, 0 0 75px #000'
}