music.editor.siliconwat.dev/index.html at master · SiliconWat/music.editor.siliconwat.dev · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<html>
    <head>
        <title>Music Editor</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="icon" href="loading.gif">
        <link rel="stylesheet" href="index.css">
		<script src="//unpkg.com/@ungap/custom-elements/es.js"></script>
        <script src="index.js" type="module"></script>
        <script async src="https://www.googletagmanager.com/gtag/js?id=G-KBM8RKHJKC"></script>
    </head>
    <body is="sw-music">
		<header>
			<sw-nav>
				<h3 slot="menu1">Measure</h3>
				<span slot="menu1-sub1">Add</span>
				<span slot="menu1-sub2">Remove</span>
				<h3 slot="menu2">Note</h3>
				<span slot="menu2-sub1">Whole</span>
				<span slot="menu2-sub2">Half</span>
				<span slot="menu2-sub3">Quarter</span>
				<h3 slot="menu3">Accidental</h3>
				<span slot="menu3-sub1">Sharp</span>
				<span slot="menu3-sub2">Flat</span>
				<span slot="menu3-sub3">Natural</span>
				<h3 slot="menu4">Rest</h3>
				<span slot="menu4-sub1">Whole</span>
				<span slot="menu4-sub2">Half</span>
				<span slot="menu4-sub3">Quarter</span>
			</sw-nav>
			<sw-menubar>
				<sw-player></sw-player>
				<sw-instrument></sw-instrument>
				<sw-history></sw-history>
			</sw-menubar>
		</header>
		<main>
			<sw-editor clef="treble" tempo="60" volume="3"></sw-editor>
		</main>
		<footer>
			<sw-piano instrument="piano" clef="treble" synth="triangle" volume="10" audible></sw-piano>
		</footer>
	</body>
</html>