-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·75 lines (58 loc) · 4.22 KB
/
index.html
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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<meta charset="UTF-8">
<html>
<head>
<title>Jam with Jamendo</title>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet" >
<style>
body{
font-family: 'Roboto', sans-serif;
background: url(img/QbC_bg_alpha.png) no-repeat bottom right;
background-color: rgba(255, 255, 255, 0.3);
width: 800px;
display: block;
margin: 2em auto 0 ;
text-align:justify
}
iframe{
display: block;
margin: 0 auto;
}
p.note
{
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
background-color: #f0f7fb;
background-position: 9px 0px;
background-repeat: no-repeat;
border: solid 1px #3498db;
border-radius: 6px;
line-height: 18px;
overflow: hidden;
padding: 15px 60px;
}
a {
color: orange;
text-decoration: none;
}
h1, h2, h3 {
margin: 2em 0 2em ;
}
</style>
</head>
<body>
<main>
<h1>Jam with Jamendo</h1>
<p>Welcome to the webpage of the prototype Jam with Jamendo, a web-based proof-of-concept prototype that promotes the practice of known chords with suitable songs from the <a href="https://www.jamendo.com/">Jamendo</a> online database.<p>
<p>See below two video demos related to two conference publications and a <a href="qbc-viz.html">live demo</a>.</p>
<h2>JwJ demo Audio Mostly 2018</h2>
<p>This demo showcases the version of the web app Jam with Jamendo that we used in the paper:<br />
Anna Xambó, Johan Pauwels, Gerard Roma, Mathieu Barthet, and György Fazekas. 2018. <a href="http://annaxambo.me/pub/Xambo_et_al_2018_Jam_with_Jamendo.pdf">"Jam with Jamendo: Querying a Large Music Collection by Chords from a Learner’s Perspective"</a>. In Audio Mostly 2018: Sound in Immersion and Emotion (AM’18), September 12–14, 2018, Wrexham, United Kingdom. ACM, New York, NY, USA, 7 pages.</p>
<iframe id="kaltura_player" src="https://cdnapisec.kaltura.com/p/2152241/sp/215224100/embedIframeJs/uiconf_id/36133491/partner_id/2152241?iframeembed=true&playerId=kaltura_player&entry_id=1_k35qnj91&flashvars[streamerType]=auto&flashvars[localizationCode]=en&flashvars[leadWithHTML5]=true&flashvars[sideBarContainer.plugin]=true&flashvars[sideBarContainer.position]=left&flashvars[sideBarContainer.clickToClose]=true&flashvars[chapters.plugin]=true&flashvars[chapters.layout]=vertical&flashvars[chapters.thumbnailRotator]=false&flashvars[streamSelector.plugin]=true&flashvars[EmbedPlayer.SpinnerTarget]=videoHolder&flashvars[dualScreen.plugin]=true&&wid=1_1ldzyzt0" width="600" height="428" allowfullscreen webkitallowfullscreen mozAllowFullScreen allow="autoplay *; fullscreen *; encrypted-media *" frameborder="0" title="Kaltura Player"></iframe>
<h2>JwJ demo Web Audio Conference 2018</h2>
<p class="note"><a href="qbc-viz.html"><strong>Live demo</strong>: JwJ demo for Web Audio Conference 2018 (with two visualizations!)</a></note>
<p>This demo showcases the version of the web app Jam with Jamendo that we used in the paper: <br />
Johan Pauwels, Anna Xambó, Gerard Roma, Mathieu Barthet, and György Fazekas. 2018. <a href="https://webaudioconf.com/papers/exploring-real-time-visualisations-to-support-chord-learning-with-a-large-music-collection.pdf">"Exploring Real-time Visualisations to Support Chord Learning with a Large Music Collection"</a>. In Web Audio Conference, September 19–21, 2018, Berlin, Germany.</p>
<iframe id="kaltura_player" src="https://cdnapisec.kaltura.com/p/2152241/sp/215224100/embedIframeJs/uiconf_id/36133491/partner_id/2152241?iframeembed=true&playerId=kaltura_player&entry_id=1_39fas94d&flashvars[streamerType]=auto&flashvars[localizationCode]=en&flashvars[leadWithHTML5]=true&flashvars[sideBarContainer.plugin]=true&flashvars[sideBarContainer.position]=left&flashvars[sideBarContainer.clickToClose]=true&flashvars[chapters.plugin]=true&flashvars[chapters.layout]=vertical&flashvars[chapters.thumbnailRotator]=false&flashvars[streamSelector.plugin]=true&flashvars[EmbedPlayer.SpinnerTarget]=videoHolder&flashvars[dualScreen.plugin]=true&&wid=1_hpnkkf0a" width="600" height="428" allowfullscreen webkitallowfullscreen mozAllowFullScreen allow="autoplay *; fullscreen *; encrypted-media *" frameborder="0" title="Kaltura Player"></iframe>
</main>
</body>
</html>