文件名称:dj:DJ舞蹈音乐的前端应用程序
文件大小:557KB
文件格式:ZIP
更新时间:2024-06-06 09:33:41
JavaScript
DJ 该项目实现了基本的DJ设置,用户可以在其中在音轨之间进行切换(也称为“混合”)。 特征 用户可以手动更改曲目的速度以使其与正在混合的曲目相匹配。 轨道由旋转的转盘表示。 技术 该项目以普通JavaScript,HTML和SCSS实现。 核心功能是使用WebAudio API构建的。 挑战性 我希望音频功能是我工作中最困难的部分,但是最终成为样式。 一项特别棘手的任务是使记录的旋转速度随回放速度而变化。 我最终使用了两个CSS变量来跟踪转盘的速度,并使用它们来更改CSS的本机动画功能的持续时间。 JS: changeSpeed(newSpeed) { this.audio.playbackRate = newSpeed; document.documentElement .style.setProperty(this.rotateVar, `${1 / newS
【文件预览】:
dj-master
----webpack.dev.js(308B)
----index.html(8KB)
----postcss.config.js(68B)
----wireframe.png(26KB)
----webpack.prod.js(175B)
----favicon.ico(84KB)
----src()
--------styles()
--------images()
--------scripts()
--------fonts()
--------tracks.json(1KB)
--------index.js(2KB)
----webpack.common.js(2KB)
----README.md(1KB)
----dist()
--------main.js(16KB)
--------images()
--------main.css(15KB)
----.gitignore(15B)
----package-lock.json(717KB)
----package.json(1016B)