diff --git a/index.html b/index.html
index 195f552..6254db3 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
-
+
@@ -112,10 +112,10 @@ A web based transcribing and subtitling tool. It is used for transcribing videos
0:00:00.000
- Ctrl / Alt: Seek back / forward seconds.
+ Ctrl / Alt: Seek back / forward seconds. Esc: Pause / Unpause Insert / Tab: Insert time-code
- PageUp / PageDown: Volume Up / Down
+ Shift PageUp / Shift PageDown: Volume Up / Down Double-click on time-code in textarea: Seek video to time-code.
diff --git a/js/app.js b/js/app.js
index 105bf92..a1b7d9f 100644
--- a/js/app.js
+++ b/js/app.js
@@ -10,6 +10,11 @@ var videoHash = undefined;
Ox.load({
UI: {theme: 'oxlight'},
}, function() {
+ if (navigator.platform == 'MacIntel') {
+ } else {
+ $('#seek_back').html('PageUp')
+ $('#seek_fwd').html('PageDown')
+ }
Ox.$body.show();
globalUser = new User();
adjustSize();
@@ -40,19 +45,25 @@ Ox.load({
return false;
}
}
- //Ctrl - Seek Back
- if (e.keyCode == 17) {
- var seekTime = parseFloat($('#seekTime').val());
- var currTime = Video.get();
- var newTime = currTime - seekTime;
- Video.set(newTime);
- }
- //Alt - Seek Fwd.
- if (e.keyCode == 18) {
- var seekTime = parseFloat($('#seekTime').val());
- var currTime = Video.get();
- var newTime = currTime + seekTime;
- Video.set(newTime);
+ if (navigator.platform == 'MacIntel') {
+ //Ctrl - Seek Back
+ if (e.keyCode == 17) {
+ seek(-seekTime)
+ }
+ //Alt - Seek Fwd.
+ if (e.keyCode == 18) {
+ seek(seekTime)
+ }
+ } else {
+ //PageUp - seek back
+ if (e.keyCode == 33) {
+ seek(-seekTime)
+ }
+
+ // PageDown - seek fwd.
+ if (e.keyCode == 34) {
+ seek(seekTime)
+ }
}
//Space - togglePause if no focus on TA
@@ -60,13 +71,14 @@ Ox.load({
Video.togglePause();
}
- //PageUp - volume Up:
- if (e.keyCode == 33) {
+ //Shift PageUp - volume up:
+ if (e.keyCode == 33 && e.shiftKey) {
Video.volUp();
return false;
}
- if (e.keyCode == 34) {
+ //Shift PageDown - volume down:
+ if (e.keyCode == 34 && e.shiftKey) {
Video.volDown();
return false;
}
@@ -318,6 +330,13 @@ function loadVideo(videoFile) {
});
};
+function seek(delta) {
+ var seekTime = parseFloat($('#seekTime').val());
+ var currTime = Video.get();
+ var newTime = currTime + delta;
+ Video.set(newTime);
+}
+
$(window).unload(function() {
saveTxt();
});