<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><!--
    BeaqleJS - HTML5 and JavaScript framework for listening tests, <https://github.com/HSU-ANT/beaqlejs>

    This file and all corresponding parts of BeaqleJS are published under the GPLv3 license, <http://www.gnu.org/licenses/>    
    -->
	<title>BeaqleJS</title>
	<!-- load the test config file --><script src="config/config_mushra_mjj01.js" type="text/javascript"></script>
	<link href="css/smoothness/jquery-ui-1.8.18.custom.css" rel="Stylesheet" type="text/css" />
	<link href="css/styles.css" rel="Stylesheet" type="text/css" /><script src="js/jquery.js" type="text/javascript"></script><script src="js/jquery-ui.custom.min.js" type="text/javascript" ></script><script src="js/beaqle.js" type="text/javascript"></script><script type="text/javascript">
    /* <![CDATA[ */
        var testHandle;
        window.onload=function() {

            // Uncomment one of the following lines to choose the desired test class

            testHandle = new MushraTest(TestConfig);    // <-- MUSHRA test class
            //testHandle = new AbxTest(TestConfig);     // <-- ABX test class

            $('#Footer').prepend(testHandle.browserFeatureString() + '<br/>');
        };
    /* ]]> */
    </script>
</head>
<body>
<div id="Wrapper">
<div class="commonBox" id="TestTitle"><!-- overall title at the top 
             DO NOT EDIT! This box is automatically filled with content!
        -->Loading...</div>
<!-- is displayed during load -->

<div class="commonBox" id="LoadOverlay"><img src="img/ajax-loader.gif" /> &nbsp;&nbsp;&nbsp; Loading...</div>
<!-- introduction before the test starts -->

<div class="commonBox" id="TestIntroduction"><!-- edit here if you want to change the welcome message  and instructions -->
<div style="text-align:left">
<p>Thanks for your interest in participating in the listening test. The overall test will roughly take 15 minutes. Please take the time and carefully rate every item.</p>
<br />

<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/M00Ozsmh28s?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

<p><br />
Instructions:</p>

<ul>
	<li>Most important: use high quality studio headphones and a good soundcard!</li>
	<li>Listen through all test files and test sets before you do any ratings to get used to the material.</li>
	<li>Rate the quality of the test items only compared to the reference on top.</li>
	<li>Try to rate the overall impression of a test item and don&#39;t concentrate on single aspects.</li>
</ul>
</div>
<br />
<br />
<!-- this button starts the first test --><button id="BtnStartTest" onclick="testHandle.startTests();">Start!</button></div>
<!-- final text after all tests have passed -->

<div class="commonBox" id="TestEnd"><!-- edit here if you want to change the thank you message -->Thank you very much!<br />
<br />
<!-- show some informations before submitting the results -->
<div id="SubmitBox">
<div class="error" id="SubmitError">We are sorry, but the following error occured during your submission:
<p id="ErrorCode"></p>
</div>

<p class="submitOnline"><!-- edit here if you want to change the information about online submission, e.g. add privacy policy information -->Please submit the results to our server. Entering a name or email address is not mandatory but it would help us to contact you if we have further questions. You can also leave a comment.</p>

<p class="submitDownload"><!-- edit here if you want to change the information about online submission, e.g. add privacy policy information -->Please download and save the results. Entering a name or email address is not mandatory but it would help us to contact you if we have further questions. You can also leave a comment.</p>

<table border="0" style="margin-left: auto;margin-right: auto;">
	<tbody>
		<tr>
			<td>Name:</td>
			<td><input id="UserName" maxlength="40" size="40" type="text" /></td>
		</tr>
		<tr>
			<td>Email:</td>
			<td><input id="UserEMail" maxlength="40" size="40" type="text" /></td>
		</tr>
		<tr>
			<td></td>
			<td><textarea cols="40" id="UserComment" rows="4">Your comment...</textarea></td>
		</tr>
	</tbody>
</table>
<br />
<button class="submitOnline" id="BtnSubmitData" onclick="testHandle.SubmitTestResults();">Submit</button><button class="submitDownload" id="BtnDownloadData" onclick="testHandle.DownloadTestResults();">Download</button>

<p class="submitEmail error"><!-- edit here if you want to change the information about email submission, e.g. add privacy policy information -->Results should be send to</p>
</div>
<!-- the test results are displayed in this box -->

<div id="ResultsBox"></div>
</div>

<div class="commonBox" id="TableContainer"><!-- container for the test items and sliders 
             DO NOT EDIT! This box is automatically filled with content!
        --><!-- heading for the single test -->
<div id="TestHeading"></div>
</div>
<!-- controls to go to next/previous test -->

<div class="commonBox" id="TestControls"><button id="BtnNextTest">Next Test</button><button id="BtnPrevTest">Previous Test</button></div>
<!-- playback control -->

<div class="commonBox" id="PlayerControls" style="min-height: 48px;">
<div id="duration"><span>00:00</span></div>

<div id="TimeLine">
<div id="ProgressBar"></div>

<div id="ABRange"></div>
</div>

<div><input id="ChkLoopAudio" type="checkbox" value="Loop" /><label for="ChkLoopAudio">Loop</label> <input id="ChkAutoReturn" type="checkbox" value="Auto Return" /><label for="ChkAutoReturn">Auto Return</label></div>

<div id="Volume">Volume
<div id="VolumeSlider"></div>
</div>
</div>
<br />

<!-- Footer -->

<div id="Footer">This listening test has been created with <a href="https://github.com/HSU-ANT/beaqlejs" target="_blank">BeaqleJS</a> <a href="https://github.com/HSU-ANT/beaqlejs/tree/v0.3" target="_blank">v0.3</a>.</div>
</div>
</body>
</html>