241 lines
10 KiB
HTML
241 lines
10 KiB
HTML
<html>
|
|
<head>
|
|
<title>Ultrawidify :: settings</title>
|
|
<meta charset="UTF-8">
|
|
<base target="_blank">
|
|
<link rel='stylesheet' type='text/css' href='../css/font/overpass.css'>
|
|
<link rel='stylesheet' type='text/css' href='../css/font/overpass-mono.css'>
|
|
<link rel='stylesheet' type='text/css' href='./css/flex.css'>
|
|
<link rel='stylesheet' type='text/css' href='../css/common.css'>
|
|
<link rel='stylesheet' type='text/css' href='./css/settings.css'>
|
|
|
|
</head>
|
|
<body>
|
|
<div id="all">
|
|
<header>
|
|
<div class="content center">
|
|
<div class="left">
|
|
<h1>Ultrawidify :: settings</h1>
|
|
</div>
|
|
</div>
|
|
<div class="tabline center">
|
|
<div class="content left">
|
|
<div id="tab_general_settings" class="block tab tab-selected">General settings</div>
|
|
<div id="tab_sites" class="block tab">Site options</div>
|
|
<div id="tab_shortcuts" class="block tab">Shortcuts</div>
|
|
<div id="tab_about" class="block tab">About</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
|
|
|
|
<!-- GENERAL SETTINGS -->
|
|
|
|
<div id="general_settings">
|
|
<div class="content left">
|
|
<div class="row">
|
|
<span class="label">Enable this extension:</span>
|
|
<!-- Buttons go here -->
|
|
<div class="button-row" id="_general_extension_global_settings">
|
|
|
|
</div>
|
|
<span class="description">
|
|
<b>Always</b> enables this extension on every site you visit that you didn't blacklist.<br/>
|
|
<b>On whitelisted sites</b> enables this extension only on sites you explicitly whitelisted.<br/>
|
|
<b>Never</b> disables extension on all sites, even on those you whitelisted.
|
|
</span>
|
|
</div>
|
|
|
|
<div class="flex flex-row">
|
|
<div class="flex flex-column flex-auto">
|
|
<div class="label">Whitelisted sites</div>
|
|
<div class="description">List of whitelisted sites. One per line.</div>
|
|
<textarea id="_general_extension_whitelist"></textarea>
|
|
</div>
|
|
<div class="flex flex-column flex-auto">
|
|
<div class="label">Blacklisted sites</div>
|
|
<div class="description">List of blacklisted sites. One per line.</div>
|
|
<textarea id="_general_extension_blacklist"></textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<span class="label">Enable autodetection:</span>
|
|
<div class="button-row" id="_general_extension_global_autoar">
|
|
</div>
|
|
<span class="description">
|
|
<b>Always</b> enables autodetection on every site this extension is enabled for, unless blacklisted.<br/>
|
|
<b>On whitelisted sites</b> enables autodetection only for sites that you explicitly enabled.<br/>
|
|
<b>Never</b> disables autodetection on all sites, even on those you whitelisted.<br/>
|
|
<br/>
|
|
For more settings related to autodetection, please check the 'Autodetection' tab.
|
|
</span>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<span class="label">Default video alignment:</span>
|
|
<div class="button-row" id="_general_extension_global_alignment">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="label">Default stretch mode</div>
|
|
<div class="button-row" id="_general_extension_global_stretch">
|
|
</div>
|
|
<span class="description">
|
|
<b>None:</b> do not stretch the video at all. This is the default option, for men of culture.<br/>
|
|
<b>Basic:</b> stretches video to fit the player or screen unconditionally. If video has letterbox encoded, this option <i>will not</i> try to remove letterbox before stretching. You probably shouldn't be using this option.<br/>
|
|
<b>Hybrid:</b> stretches the video to fit the player, but only if cropping didn't completely remove the black bars.<br/>
|
|
<b>Thin borders:</b> stretches only if the width of black borders after cropping is thin.
|
|
<br/>
|
|
Treshold for thin borders can be defined below.
|
|
</span>
|
|
<div class="flex flex-row">
|
|
<div class="flex flex-input-label">
|
|
Thin border treshold (%):
|
|
</div>
|
|
<div class="flex flex-input">
|
|
<input id="_general_extension_global_stretch_thin_borders_input" type="number">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- AUTOMATIC DETECTION SETTINGS -->
|
|
|
|
<div id="autoar_settings">
|
|
<div class="content">
|
|
<div class="row">
|
|
<span class="label">Enable autodetection:</span>
|
|
<!-- Buttons go here -->
|
|
<div class="button-row" id="_autoar_global_settings">
|
|
|
|
</div>
|
|
<span class="description">
|
|
<b>Always</b> enables autodetection on every site you visit that you didn't blacklist.<br/>
|
|
<b>On whitelisted sites</b> enables autodetection only on sites you explicitly whitelisted.<br/>
|
|
<b>Never</b> disables autodetection on all sites, even on those you whitelisted.
|
|
</span>
|
|
</div>
|
|
|
|
<div class="flex flex-row">
|
|
<div class="flex flex-column flex-auto">
|
|
<div class="label">Whitelisted sites</div>
|
|
<div class="description">List of whitelisted sites. One per line.</div>
|
|
<textarea id="_autoar_whitelist"></textarea>
|
|
</div>
|
|
<div class="flex flex-column flex-auto">
|
|
<div class="label">Blacklisted sites</div>
|
|
<div class="description">List of blacklisted sites. One per line.</div>
|
|
<textarea id="_autoar_blacklist"></textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<h2>Advanced automatic detection options</h2>
|
|
|
|
<div class="row">
|
|
<div class="label">Aspect ratio check frequency</div>
|
|
<div class="description">
|
|
<p>Options here decide how often the extension will check for changes in aspect ratio of a given video.</p>
|
|
<p>Values are given in milliseconds. Longer intervals increase delay between aspect ratio changing and extension re-correcting for the change. Using shorter intervals than the default ones can cause lage and <i>immense</i> RAM usage.</p>
|
|
</div>
|
|
<div class="flex flex-column">
|
|
<div class="flex flex-row">
|
|
<div class="flex flex-input-label">
|
|
Check frequency when video is playing (ms):
|
|
</div>
|
|
<div class="flex flex-input">
|
|
<input id="_autoar_checkFrequency_playing" type="number">
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-row">
|
|
<div class="flex flex-input-label">
|
|
Check frequency when video is paused (ms):
|
|
</div>
|
|
<div class="flex flex-input">
|
|
<input id="_autoar_checkFrequency_paused" type="number">
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-row">
|
|
<div class="flex flex-input-label">
|
|
Recheck delay on error (ms):
|
|
</div>
|
|
<div class="flex flex-input">
|
|
<input id="_autoar_checkFrequency_error" type="number">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="_autoar_fallback_mode_top" class="row">
|
|
<div class="label">Fallback mode</div>
|
|
<div class="description">
|
|
<p>In order for autodetection to work, the extension grabs a frame of the video you're watching and takes a look at it.
|
|
Some websites use DRM, which prevents you from using the HTML5-blessed way of getting a frame from a video.
|
|
Some browsers offer some features that can be used to circumvent DRM protection.
|
|
With this option enabled, the extension will use said features to basically do that.
|
|
</p>
|
|
<p>At the moment, Firefox is the only browser to support this.</p>
|
|
<div>
|
|
This browser doesn't support fallback mode.
|
|
</div>
|
|
</div>
|
|
<div class="">Enable fallback mode</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- CUSTOMIZATION (INTERFACE AND SHORTCUTS) -->
|
|
|
|
<div id="interface_shortcut_settings">
|
|
<div class="content">
|
|
<div class="label">Actions</div>
|
|
<div class="description">
|
|
<p>In this sections, you can define custom actions, add or change keyboard shortcut or hide buttons from the popup.</p>
|
|
</div>
|
|
<table id="_customization_action_list">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ABOUT -->
|
|
|
|
<div id="about" class="hide">
|
|
<div class="content left">
|
|
<h2>Ultrawidify - an aspect ratio fixer for youtube <small>(and netflix)</small></h2>
|
|
<p>Created by Tamius Han (me). If something is broken, you can shout at me on <a href="https://github.com/xternal7/ultrawidify">github</a> (shout nicely, though. Open an issue or bug report or something).
|
|
If you're curious to see the source code, <a href="https://github.com/xternal7/ultrawidify">github's here</a>.
|
|
If you're looking at this page because you're bored and want to be bored some more, <a href="http://tamius.net">my website's here</a>.</p>
|
|
<h2>So you want to help?</h2>
|
|
<p>Alan pls add quick description.</p>
|
|
<h2>Plans for the future</h2>
|
|
<h2>Acknowledgements</h2>
|
|
<p>This extension uses font <a href="http://overpassfont.org/">Overpass</a>.</p>
|
|
<p>Special thanks to me for making this extension. You're welcome.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="../../js/conf/Debug.js"></script>
|
|
|
|
<script src="../../js/lib/BrowserDetect.js"></script>
|
|
|
|
<script src="../../js/conf/ExtensionConf.js"></script>
|
|
<script src="../../js/lib/Settings.js"></script>
|
|
|
|
<script src="../../js/lib/KeyboardShortcutParser.js"></script>
|
|
|
|
<!-- ui libs -->
|
|
<script src="../../js/lib/libghettoui/BaseElement.js"></script>
|
|
<script src="../../js/lib/libghettoui/settings/ActionItem.js"></script>
|
|
<script src="../../js/lib/libghettoui/settings/ActionItemCategoryHeaderProcessor.js"></script>
|
|
|
|
<script src="js/settingsvars.js"></script>
|
|
<script src="js/customization.js"></script>
|
|
<script src="js/settings.js"></script>
|
|
</body>
|
|
</html>
|