Skip to content

Commit 0199b6b

Browse files
biplobsarkar800b-dotcombiplobsarkar800b-dotcom
authored
Create Dj mixer app
মিক্সচার টি ভালো
1 parent 32a2838 commit 0199b6b

1 file changed

Lines changed: 73 additions & 0 deletions

File tree

‎Dj mixer app‎

Lines changed: 73 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>10 Track DJ Mixer</title>
6+
<style>
7+
body{
8+
background:#000;
9+
color:#fff;
10+
font-family:Arial;
11+
text-align:center;
12+
}
13+
.track{
14+
border:1px solid #444;
15+
margin:10px;
16+
padding:10px;
17+
}
18+
button{
19+
padding:8px 15px;
20+
margin:5px;
21+
font-size:16px;
22+
}
23+
input[type=range]{
24+
width:80%;
25+
}
26+
</style>
27+
</head>
28+
<body>
29+
30+
<h2>🎧 Plug & Play DJ Mixer (10 Track)</h2>
31+
32+
<script>
33+
let tracks = [];
34+
for(let i=1;i<=10;i++){
35+
tracks[i] = new Audio("track"+i+".mp3");
36+
}
37+
function play(i){ tracks[i].play(); }
38+
function pause(i){ tracks[i].pause(); }
39+
function volume(i,v){ tracks[i].volume=v; }
40+
</script>
41+
42+
<!-- 10 Tracks -->
43+
<div id="mixer">
44+
<script>
45+
for(let i=1;i<=10;i++){
46+
document.write(`
47+
<div class="track">
48+
<h3>Track ${i}</h3>
49+
<button onclick="play(${i})">▶ Play</button>
50+
<button onclick="pause(${i})">⏸ Pause</button><br>
51+
Volume:
52+
<input type="range" min="0" max="1" step="0.01"
53+
value="1" oninput="volume(${i},this.value)">
54+
</div>
55+
`);
56+
}
57+
</script>
58+
</div>
59+
60+
</body>
61+
</html>dj-app/
62+
│
63+
├── index.html
64+
├── track1.mp3
65+
├── track2.mp3
66+
├── track3.mp3
67+
├── track4.mp3
68+
├── track5.mp3
69+
├── track6.mp3
70+
├── track7.mp3
71+
├── track8.mp3
72+
├── track9.mp3
73+
└── track10.mp3

0 commit comments

Comments
 (0)