Fully implemented rewind and fast forwarding.

Author: javiercordero

index.html

@@ -193,14 +193,17 @@ <h3>Welcome to Imaginary Teleprompter!</h3>
 					<h3>Here are some of our features:</h3>
 					<ol>
 					<li>Control the speed and text-size with the 'Up' and 'Down' arrow keys, the 'W' and 'S' keys or the mouse wheel. You may press 'Spacebar' to pause at anytime.</li>
+					<li>Move half a screen backwards or forwards by pressing the 'PageUp' and 'PageDown' keys.</li>
 					<li>Dynamically change the font-size by pressing 'Left' and 'Right' or the 'A' and 'D' keys.</li>
 					<li>Flip modes allow <em>mirroring</em> the prompter in every possible way.</li>
 					<li>You can use one or two instances. Mirror one, monitor on the other one.</li>
 					<li><a id="5" name="5">Set almost any key as a <em>marker</em> and instantly jump to any part of the script. Try pressing '5' now!</a></li>
 					<li>Different focus areas allow you to easily use Teleprompter with a webcam, a tablet, or professional teleprompter equipment.</li>
 					<li>Time your segments with the built in <em>timer</em>. Press 'Backspace' to reset the timer.</li>
-					<li><a>You can also set nameless <em>markers</em> and move accross them using the Home and End buttons.</a></li>
+					<li><a name data-cke-saved-name>You can also set nameless <em>markers</em> and move accross them using the Home and End buttons.</a></li>
 					<li>Tweak the <em>Speed</em>, <em>Acceleration Curve</em> and <em>Font Size</em> settings to fit your hosts' needs.</li>
+					<li>Press 'F11' to enter and leave fullscreen.
+					You may fullscreen the text editor for greater concentration.</li>
 					<li>The Rich Text Editor, derived from the highly customizable CKeditor, gives unlimited possibilities on what you can prompt.</li>
 					<ul>
 					<!--
@@ -223,8 +226,6 @@ <h3>Here are some of our features:</h3>
 					<img alt="Picture: Arecibo Sky" src="img/arecibo-sky.jpg">
 					</li>
 					 </ul>
-					<li>Press 'F11' to enter and leave fullscreen.
-					You may fullscreen the text editor for greater concentration.</li>
 					<li>There are various <em>Prompter Styles</em> to choose from. You may also create your own.</li>
 					<!-- <li>Download our mobile app, <em>Teleprompter X</em>, to remote control Teleprompter instalations.</li> -->
 					<li>Run the "External prompter" on a second screen, add new contents into the editor, then "Update" your prompter in realtime without having to halt your script.</li>

js/editor.js

@@ -63,7 +63,9 @@ https://developer.mozilla.org/en-US/docs/Web/API/IDBDatabase/onversionchange
         "restoreEditor":15,
         "resetTimer":16,
         "nextAnchor":17,
-        "previousAnchor":18
+        "previousAnchor":18,
+        "fastForward":19,
+        "rewind":20
     });
 
     // Global constants
@@ -729,6 +731,40 @@ https://developer.mozilla.org/en-US/docs/Web/API/IDBDatabase/onversionchange
         resumeAnimation();
     }
 
+    function internalFastForward() {
+        const currPos = getCurrPos();
+        if (flipV) {
+            if (currPos < 0 - screenHeight * 0.5) {
+                const nextPos = currPos + screenHeight/2;
+                animate(0, nextPos);
+                resumeAnimation();
+            }
+        }
+        else
+            if (currPos > -promptHeight + screenHeight*1.5) { // < 0 || flipV && jump > -promptHeight + screenHeight || !flipV && !next || flipV && !next ) {
+                const nextPos = currPos - screenHeight/2;
+                animate(0, nextPos);
+                resumeAnimation();
+            }
+    }
+
+    function internalRewind() {
+        const currPos = getCurrPos();
+        if (flipV) {
+            if (currPos > -promptHeight + screenHeight*1.5) { // < 0 || flipV && jump > -promptHeight + screenHeight || !flipV && !next || flipV && !next ) {
+                const nextPos = currPos - screenHeight/2;
+                animate(0, nextPos);
+                resumeAnimation();
+            }
+        }
+        else 
+            if (currPos < 0 - screenHeight * 0.5) { // < 0 || flipV && jump > -promptHeight + screenHeight || !flipV && !next || flipV && !next ) {
+                const nextPos = currPos + screenHeight/2;
+                animate(0, nextPos);
+                resumeAnimation();
+            }
+    }
+
     // Update unit and unit related measurements
     function updateUnit() {
         unit = focusHeight/80;
@@ -1061,6 +1097,12 @@ https://developer.mozilla.org/en-US/docs/Web/API/IDBDatabase/onversionchange
                 case command.previousAnchor :
                     internalMoveToNextAnchor(false);
                     break;
+                case command.fastForward :
+                    internalFastForward();
+                    break;
+                case command.rewind :
+                    internalRewind();
+                    break;
                 default :
                     // Notify unknown message received.
                     if (debug) console.log("Unknown post message received: "+message.request) && false;
@@ -1170,6 +1212,22 @@ https://developer.mozilla.org/en-US/docs/Web/API/IDBDatabase/onversionchange
                     }
                 });
                 break;
+            case 34 :
+            case "PageDown" :
+                listener({
+                    data: {
+                        request: command.fastForward
+                    }
+                });
+                break;
+            case 33 :
+            case "PageUp" :
+                listener({
+                    data: {
+                        request: command.rewind
+                    }
+                });
+                break;
             default: // Move to anchor.
                 // If key is not a string
                 if(!isFunction(event.key.indexOf))