seth
/
jam-cloud
mirror of https://bitbucket.org/jamkazam/jam-cloud.git
1
0
Fork 0
Code Issues Actions Packages Projects Releases Wiki Activity

FTUE: layout new controls for ASIO

This commit is contained in:
Jonathon Wilson 2013-06-01 10:17:35 -06:00
parent e15e87dcbb
commit c83154eb74
2 changed files with 105 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
app/assets/stylesheets/client/ftue.css.scss
View File

@ -18,7 +18,7 @@ div.dialog.ftue {
}
p {
margin-top: 18px;
margin-top: 12px;
}
ul {
@ -33,12 +33,59 @@ div.dialog.ftue {
margin-top: 12px;
}
.asio-settings {
clear:both;
position:relative;
width:100%;
height: 54px;
margin-top: 8px;
.column {
position:absolute;
width: 220px;
height: 50px;
margin-right:8px;
}
.settings-driver {
left:0px;
}
.settings-asio {
left:50%;
margin-left: -110px;
}
.settings-asio-button {
right:0px;
height: 45px;
.bottom {
position:absolute;
bottom:0px;
}
}
.subcolumn {
position:absolute;
width: 68px;
height: 48px;
}
.subcolumn select {
width: 68px;
}
.subcolumn.first {
left:0px;
}
.subcolumn.second {
left:50%;
margin-left:-34px;
}
.subcolumn.third {
right:0px;
}
}
.settings-controls {
clear:both;
position:relative;
width: 100%;
height: 100px;
margin-top: 12px;
div.section {
position:absolute;

68
app/views/clients/_ftue.html.erb
View File

@ -37,20 +37,64 @@
<!-- Audio device selection and level-setting -->
<div layout-wizard-step="2" dialog-title="audio gear settings" style="display:none;">
<p>
Please choose the audio gear you want to use for audio input, chat
input, and audio output below. Then play and either sing or speak to
ensure that you can hear both your instrument and voice through your
headphones. After verifying that you hear your music and voice
properly, please click the Next button below. If you don't hear
things correctly, please press the Help button below for
troubleshooting guidance.
<p os="win32">
Choose an ASIO driver, and choose the devices to use for audio and
chat. Then play and speak, and use the gain sliders so that you hear
both your instrument and voice well through your headphones.
Finally, use the ASIO Settings button to tune your latency settings
as low as possible, and set the frame and buffer values as low as
possible while listening to be sure your audio still sounds good.
Click the resync button if audio stops. When done click Next.
</p>
<p os="mac" style="display:none;">
Choose the devices to use for audio and chat below. Then play and
speak, and use the gain sliders so that you hear both your
instrument and voice well through your headphones. Finally, set the
frame and buffer values as low as possible while listening to be
sure your audio still sounds good. Click the resync button if audio
stops. When done click Next.
</p>
<div class="settings-driver">
Audio Driver:<br />
<select></select>
<a class="button-grey" id="btn-asio-control-panel">ASIO SETTINGS</a>
<div class="asio-settings">
<div class="column settings-driver">
Audio Driver:<br />
<select></select>
</div>
<div class="column settings-asio">
<div class="subcolumn first">
Frame:<br />
<select disabled="disabled">
<option value=""></option>
<option value="2.5">2.5</option>
<option value="5">5</option>
<option value="10">10</option>
</select>
</div>
<div class="subcolumn second">
Buffer/In:<br />
<select disabled="disabled">
<option value=""></option>
<option value="100">120</option>
<option value="100">240</option>
<option value="100">480</option>
</select>
</div>
<div class="subcolumn third">
Buffer/Out:<br />
<select disabled="disabled">
<option value=""></option>
<option value="100">120</option>
<option value="100">240</option>
<option value="100">480</option>
</select>
</div>
</div>
<div class="column settings-asio-button">
<div class="bottom">
<a class="button-grey" id="btn-asio-control-panel">ASIO SETTINGS</a>
<button>Resync</button>
</div>
</div>
</div>
<div class="section settings-controls">