diff --git a/css/videoskip.css b/css/videoskip.css new file mode 100644 index 0000000..cc08b29 --- /dev/null +++ b/css/videoskip.css @@ -0,0 +1,88 @@ +/* General */ +html { + scroll-padding-top: 70px; /* height of sticky header */ +} + +body { + font: 20px Montserrat, sans-serif; + line-height: 1.8; + color: #f5f6f7; +} + +p { + font-size: 16px; +} +.info { + background-color: palegreen; +} +.error { + background-color: red; + color: white; +} + +/* Navbar Elements */ +.navbar { + padding-top: 15px; + padding-bottom: 15px; + border: 0; + border-radius: 0; + margin-bottom: 0; + letter-spacing: 2px; +} +.navbar-nav li a:hover { + color: #1abc9c !important; +} + +/* First jumbotron */ +.jumbotron { + margin-top: 50px !important; + color: #000; + padding: 100px 25px; + font-family: Montserrat, sans-serif; + font-size: x-large; +} + +/* Skip container Area */ +.skip-container { + margin-top: 15px; +} +#skipMsg { + margin-bottom: 5px !important; +} +#boxMsg { + color: blue; + z-index: 2; +} +/*#subFile { + display: none; +} +#skipFile { + display: none; +} +#screenShot { + z-index: 1; +} +.cssbutton { + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + font-family: Arial; + font-size: 18px; + padding: 12px; + text-decoration: none; + border: 0px; + color: #555555; + background: #e6e6e6; + z-index: 2; +} +.cssbutton:hover { + text-decoration: none; + cursor: pointer; + background: #cfcfcf; +} +.imptButton { + background: #e8eef3; +} +.imptButton:hover { + background: #c1dfff; +}*/ \ No newline at end of file diff --git a/img/favicon.png b/img/favicon.png new file mode 100644 index 0000000..6c5e559 Binary files /dev/null and b/img/favicon.png differ diff --git a/videoskip.html b/videoskip.html index c9d9ef2..4cb0bda 100644 --- a/videoskip.html +++ b/videoskip.html @@ -1,826 +1,783 @@ - - - - -Video Skip player - - - - - - - - + + + + Video Skip Player + + + + + + + + + + + + + + - -

Video Skip Player

-

v 0.1.5  © F. Ruiz 2020

-
Load video file with left button, .vtt or .srt subtitles with right button
-
- - - - -      
-
- -
- Select the content to skip: -

-
-    -  Sex and Nudity   -  Violence and Gore   -  Profanity and Hate   -  Alcohol, Drugs and Smoking   -  Frightening and Intense   -  Other + + + + + +
+

Video Skip Player

+

v.0.1 © F. Ruiz 2020

+

The video Player that allows you to skip categorized unwanted scenes from any video.

+
+ + +
+
+ +
+ +
+ +
+
+

+

1. Load your video File.

+
+ + +
+
+
+

2. Optionally load your subtitles File and enable them in the video.

+
+ + +
+
+
+

3. Load the skip file, edit the skips and select the type of content to skip.

+
+ +
+
+
+ + +
+
Here you would be able to load a skip file, edit select the type of content to skip or easily edit your skip file.
+ +
+

Select Content to Skip:

+
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+
+ + +
+ +
+

Load your skip File (.skp).

+
+ + +
+
+ + +
+
Edit here the .skp file containing the skips:
+
+ + + + +
+
+ + Fine + Shift + + +
+ +
+ + + + +
+ + +
+
+
+ + +
+

Instructions

+

This little app allows you to filter out several types of objectionable content from downloaded video files. It uses the same categories as the "Parents Guide" section of IMDB.com. It can skip sections entirely, or simply mute the sound or blank the video, at your discretion. Skip files can be shared at the official VideoSkip Exchange, or any way you want. The exchange is at https://prgomez.com/videoskip/exchange There is also an exension version of this app, available from the Chrome and Firefox web stores, which works on streaming video from any source.

+ +

Step by step:

+
    +
  1. Load the video from a local file using the "Load video" button. Because the video must be playable in a browser, it can take .mp4, .ogg, and .webm formats. You can save videos from streaming sources in these formats, rip a disc using software, or convert video files into these formats from a different format (more information below).
  2. +
  3. Optionally, load a file containing subtitles using the "Load subtitles". Subtitles must be in .vtt or .srt format. They might show as "English" but never mind.
  4. +
  5. Toggle the category filters using the checkboxes. A check means that the filter is on and content labeled accordingly will be skipped or blanked out. Otherwise it will be shown.
  6. +
  7. If you have a .skp file containing the skips, you can load it now with the "Load skip file" button. Once loaded, its contents will appear in the box, plus a screenshot on its right. Each skip consists of beginning and end times relative to the start of the video, with an arrow between them, and on the line below a category plus maybe a handling label (such as "video" or "audio").
  8. +
  9. If you don't have a skip file for the film you're watching, chances are another user has made one, and has posted it in the VideoSkip Exchange. There's a button to load the Exchange on a separate tab. You don't have to register in order to browse and download skip files.
  10. +
  11. The time shown on the first line of a loaded skip file is used for syncing the skips for different versions of the video. Click the "Go to time" button; if the video shows the same image as the screenshot, everything is in sync and you can go ahead and watch it, otherwise you need to sync the skips as explained in the section below.
  12. +
  13. If you want to change something in the list of skips, go right ahead. There's a button to insert the current time on the video (the video itself has a scrub bar to get there), and a correctly formatted "arrow" if you feel lazy. There are also buttons for shifting the time of all skips by a given amount, and for saving your edited skip list.
  14. +
  15. Click the play button on the video, and maybe the fullscreen button, sit back, and enjoy. Skips will take place when their time arrives.
  16. +
+ +

How to sync the skips:

+
    +
  1. If the video matches the screenshot when you click the "Go to Time" button, everything is in sync and you're done with this phase. Scrub the video back to the beginning and start watching.
  2. +
  3. But if the video is from a source different from that used to make the sync file, there may be a mismatch. Use the arrow buttons to scrub the video until the screen matches the screenshot or description (frame by frame, if "Fine" is checked). The fast forward button toggles the speed, or resumes playing if paused. The "Superimpose" button puts the screenshot right on top of the video, so you can see the precise moment when they match.You can move the screenshot around with the arrow keys, and resize it if you hold the Alt key as well. Hold Shift also for fine corrections.
  4. +
  5. Click the "Sync times" button when video and screenshot match. This will shift all the skips by the right amount, so they will happen at the correct times.
  6. +
  7. If the screenshot is still on top of the video, click "Superimpose" again in order to remove it.
  8. +
+ +

Getting the video files:

+ + +

Making your own skips:

+ + +

Sample skip, which will cause the screen to blank out from 14 minutes, 8.27 seconds from the start of the movie until 14 minutes, 14 seconds, while the sound still plays, if "Sex and Nudity" is checked:

+

0:14:08.27 --> 0:14:14
+ nude image

+ +

Here are some videos that show how to make and use skip files:

+

+ VideoSkip developer plays ukulele with a pick, Egad! (WARNING, this video might be offensive to sensitive ukulele players):
+ https://www.youtube.com/watch?v=uDZfW9SLb_4 +

+

+ Obtaining the skip file for the uke video from the VideoSkip Exchange:
+ https://www.youtube.com/watch?v=vyQKZVHa898 +

+

+ Using VideoSkip to edit the playback of the uke video:
+ https://www.youtube.com/watch?v=QhYIXEbYfnY +

+

+ Making a VideoSkip file for the uke video:
+ https://www.youtube.com/watch?v=Fx04SVgUKO0 +

+

+ Posting a skip file to the VideoSkip Exchange:
+ https://www.youtube.com/watch?v=Tv5wXTkXhcs +

+ +

Legal Notice: Content copyright owners and distributors are hereby informed that users and developers of this software are exercising their right of free speech, guaranteed by law in many nations, by voluntarily refraining from seeing or hearing content without modifying said content in any way. Legal action that ignores this notice will be considered harassment and infringement of basic rights, and prosecuted according to the law.

+
+ Favicon made by Smashicons from www.flaticon.com +
+
+ + +
\ No newline at end of file