speaker-calibration 2.2.3 → 2.2.6

package/dist/example/listener.html

@@ -44,6 +44,7 @@
           <div id="display"></div>
         </div>
       </div>
+      <p id="turnMeToReadBelow"></p>
     </div>
     <script type="module" src="../example/listener.js"></script>
     <script type="text/javascript"></script>

package/dist/example/listener.js

@@ -15,12 +15,15 @@ const recordingInProgress = phrases.RC_soundRecording['en-US'];
 const backToExperimentWindow = phrases.RC_backToExperimentWindow['en-US'];
 const allowMicrophone = phrases.RC_allowMicrophoneUse['en-US'];
 const placeSmartphoneMicrophone = phrases.RC_placeSmartphoneMicrophone['en-US'];
+const turnMeToReadBelow = phrases.RC_turnMeToReadBelow['en-US'];
 const recordingInProgressElement = document.getElementById('recordingInProgress');
 const allowMicrophoneElement = document.getElementById('allowMicrophone');
+const turnMessageElement = document.getElementById('turnMeToReadBelow');
 
 switch (isSmartPhone) {
   case 'true':
     allowMicrophoneElement.innerHTML = placeSmartphoneMicrophone;
+    turnMessageElement.innerHTML = turnMeToReadBelow;
     // show the html upsidedown
     const phrasesContainer = document.getElementById('phrases');
     // add class
@@ -34,6 +37,8 @@ switch (isSmartPhone) {
     calibrationBeginButton.addEventListener('click', () => {
       // remove the button
       calibrationBeginButton.remove();
+      // remove turn message
+      turnMessageElement.remove();
       // set the text of the html elements
       recordingInProgressElement.innerHTML = recordingInProgress;
       allowMicrophoneElement.innerHTML = allowMicrophone;

package/dist/example/styles.css

@@ -55,3 +55,9 @@ hr {
   overflow-y: scroll;
   overflow-x: hidden;
 }
+
+#turnMeToReadBelow {
+  position: absolute;
+  top: 20px;
+  font-size: larger;
+}