Skip to content

Commit

Permalink
Add/format plugin.html for krpano.com
Browse files Browse the repository at this point in the history
  • Loading branch information
@fieldOfView
fieldOfView committed Mar 15, 2011
1 parent 54ef770 commit 0b2b080
Show file tree
Hide file tree
Showing 5 changed files with 563 additions and 150 deletions.
259 changes: 109 additions & 150 deletions autolevels/plugin.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,169 +2,128 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="format-detection" content="telephone=no" />
<link rel="stylesheet" type="text/css" media="screen" href="http://krpano.com/design/design.css"/>
<link rel="stylesheet" type="text/css" media="print" href="http://krpano.com/design/print.css"/>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="format-detection" content="telephone=no" />
<link rel="stylesheet" type="text/css" media="screen" href="http://krpano.com/design/design.css"/>
<link rel="stylesheet" type="text/css" media="print" href="http://krpano.com/design/print.css"/>
</head>
<body>
<div id="krpano_root">
<div id="krpano_headerwrapper">
<div id="krpano_header">
<div id="krpano_langsel">&nbsp;</div>
<div id="krpano_mainmenu">&nbsp;</div>
</div>
</div>
<div>
<div id="krpano_imagebar"></div>
<div id="krpano_logo"></div>
</div>
<div id="krpano_imagebar_space"></div>
<div id="krpano_contentwrapper">
<div id="krpano_content">
<div id="krpano_contentnav">
<h2><a href="#top" class="selflink">Plugins</a></h2>
</div>

<a name="top"></a>
<div id="krpano_contenttext">
<!-- USER CONTENT STARTS HERE -->

<h1>Autolevels Plugin
<span class="pluginfilename">autolevels.swf</span>
<!-- <span class="flashhtml5">for Flash</span> -->
<div class="pluginautor">by Aldo Hoeben - fieldofview.com</div>
</h1>

<div class="paragraph">
<h2><a name="description" href="#description" class="selflink">Description</a></h2>

<p>This plugin dynamically applies an autolevels effect to the krpano view. When properly used, this can mimic autoexposure of a (video-)camera, or the adaptation of the human perceptive system. The effect can be tuned to affect just the luminosity of the view, or the luminosity as well as the color of the view. </p>
<p>Please note that the effect is applied to the (jpeg compressed) 8 bit panorama, so if the effect is too pronounced you will start to see artifacts such as banding and color mismatches. </p>
</div>

<div class="paragraph">
<h2><a name="download" href="#download" class="selflink">Download</a></h2>

<div class="dlitem">
<a href="https://github.com/fieldOfView/krpano_autolevels/raw/master/autolevels.swf">autolevels.swf</a>&nbsp; <small>(plugin only)</small></div>
<p>The autolevels sources and examples are available as part of the fovplugins package</p>
<div class="dlitem">
<a href="https://github.com/fieldOfView/krpano_fovplugins/zipball/master">fovplugins.zip</a>&nbsp; <small>(plugin, source code &amp; examples)</small><br/>
</div>
</div>

<div class="paragraph">
<h2><a name="forum" href="#forum" class="selflink">krpano Forum Discussion Thread</a></h2>

<a href="http://krpano.com/forum/wbb/index.php?page=Thread&threadID=3242">Autolevels Plugin Thread</a>
</div>

<div class="paragraph">
<h2><a name="syntax" href="#syntax" class="selflink">Syntax / XML Usage Example</a></h2>

<pre class="xmlpre">&lt;<a href="../../../docu/xml/#plugin">plugin</a> <a href="../../../docu/xml/#plugin.name">name</a>="autolevels"
<a href="../../../docu/xml/#plugin.url">url</a>="autolevels.swf"
<body>
<div id="krpano_root">
<div id="krpano_headerwrapper">
<div id="krpano_header">
<div id="krpano_langsel">&nbsp;</div>
<div id="krpano_mainmenu">&nbsp;</div>
</div>
</div>
<div>
<div id="krpano_imagebar"></div>
<div id="krpano_logo"></div>
</div>
<div id="krpano_imagebar_space"></div>
<div id="krpano_contentwrapper">
<div id="krpano_content">
<div id="krpano_contentnav">
<h2><a href="#top" class="selflink">Plugins</a></h2>
</div>
<a name="top"></a>
<div id="krpano_contenttext">
<!-- USER CONTENT STARTS HERE -->

<h1>Autolevels Plugin <span class="pluginfilename">autolevels.swf</span>
<!-- <span class="flashhtml5">for Flash</span> -->
<div class="pluginautor">by Aldo Hoeben - <a href="http://fieldofview.com">fieldofview.com</a></div>
</h1>
<div class="paragraph">
<h2><a name="description" href="#description" class="selflink">Description</a></h2>
<p>This plugin dynamically applies an autolevels effect to the krpano view. When properly used, this can mimic autoexposure of a (video-)camera, or the adaptation of the human perceptive system. The effect can be tuned to affect just the luminosity of the view, or the luminosity as well as the color of the view. </p>
<p>Please note that the effect is applied to the (jpeg compressed) 8 bit panorama, so if the effect is too pronounced you will start to see artifacts such as banding and color mismatches. </p>
</div>
<div class="paragraph">
<h2><a name="download" href="#download" class="selflink">Download</a></h2>
<div class="dlitem"> <a href="https://github.com/fieldOfView/krpano_fovplugins/raw/master/autolevels.swf">autolevels.swf</a>&nbsp; <small>(plugin only)</small></div>
<p>The autolevels sources and examples are available as part of the fovplugins package</p>
<div class="dlitem"> <a href="https://github.com/fieldOfView/krpano_fovplugins/zipball/master">fovplugins.zip</a>&nbsp; <small>(plugin, source code &amp; examples)</small><br/>
</div>
</div>
<div class="paragraph">
<h2><a name="forum" href="#forum" class="selflink">krpano Forum Discussion Thread</a></h2>
<a href="http://krpano.com/forum/wbb/index.php?page=Thread&threadID=3242">Autolevels Plugin Thread</a> </div>
<div class="paragraph">
<h2><a name="syntax" href="#syntax" class="selflink">Syntax / XML Usage Example</a></h2>
<pre class="xmlpre">&lt;<a href="http://krpano.com/docu/xml/#plugin">plugin</a> <a href="http://krpano.com/docu/xml/#plugin.name">name</a>="autolevels"
<a href="http://krpano.com/docu/xml/#plugin.url">url</a>="autolevels.swf"
<a href="#enabled" class="pluginattrib">enabled</a>="true"
<a href="#effect" class="pluginattrib">effect</a>="1"
<a href="#adaptation" class="pluginattrib">adaptation</a>="0.1"
<a href="#coloradjust" class="pluginattrib">coloradjust</a>="1"
<a href="#threshold" class="pluginattrib">threshold</a>="0"
<a href="#attenuation" class="pluginattrib">attenuation</a>="0"
<a href="../../../docu/xml/#plugin.keep">keep</a>="true"
<a href="http://krpano.com/docu/xml/#plugin.keep">keep</a>="true"
/&gt;</pre>
</div>

<div class="paragraph">
<h2><a name="attributes" href="#attributes" class="selflink">Plugin Attributes</a></h2>

<ul>
<li>
<a name="enabled" href="#enabled" class="selflink">enabled</a>
<ul>
<li>

enable/disable the "metering"</li>
<li>values: true/false, default: true </li>
</ul>
</li>
<li>
<a name="effect" href="#effect" class="selflink">effect</a>
<ul>
<li>

limit the effect of the plugin (0: no effect, 1: full effect)</li>
<li>values: 0-1, default: 1</li>
</ul>
</li>
<li>
<a name="adaptation" href="#adaptation" class="selflink">adaptation</a>
<ul>
<li>
speed at which the camera iris "adapts" (1: full speed, less means there is a transition)<br>
</li>
<li>values: 0-1, default: 0.1 </li>
</ul>
</li>
<li>
<a name="coloradjust" href="#coloradjust" class="selflink">coloradjust</a>
<ul>
<li>
amount of color adjusting to do (0: only lightness, 1: lightness and color)
<br>
</li>
<li>values: 0-1, default: 1 </li>
</ul>
</li>
<li>
<a name="threshold" href="#threshold" class="selflink">threshold</a>
<ul>
<li>
clip small highlight and/or shadow areas. <br>
</li>
<li>values: 0-255, default: 0 </li>
</ul>
</li>
<li>
<a name="attenuation" href="#attenuation" class="selflink">attenuation</a>
<ul>
<li>"centerweight": 0: meter full view/window, 1: only use center pixel of the window for metering. <br>
</li>
<li>values: 0-1, default: 0 </li>
</ul>
</li>
</ul>
</div>

<div class="paragraph">
<h2><a name="example" href="#example" class="selflink">Example</a></h2>

<script>
</div>
<div class="paragraph">
<h2><a name="attributes" href="#attributes" class="selflink">Plugin Attributes</a></h2>
<dl>
<dt><a name="enabled" href="#enabled" class="selflink">enabled</a></dt>
<dd>enable/disable the "metering"<br>
values: true/false, default: true </dd>
<dt><a name="effect" href="#effect" class="selflink">effect</a></dt>
<dd>limit the effect of the plugin (0: no effect, 1: full effect)<br>
values: 0-1, default: 1</dd>
<dt><a name="adaptation" href="#adaptation" class="selflink">adaptation</a></dt>
<dd>speed at which the camera iris "adapts" (1: full speed, less means there is a transition)<br>
values: 0-1, default: 0.1</dd>
<dt><a name="coloradjust" href="#coloradjust" class="selflink">coloradjust</a></dt>
<dd>amount of color adjusting to do (0: only lightness, 1: lightness and color)<br>
values: 0-1, default: 1 </dd>
<dt><a name="threshold" href="#threshold" class="selflink">threshold</a></dt>
<dd>clip small highlight and/or shadow areas. <br>
values: 0-255, default: 0 </dd>
<dt><a name="attenuation" href="#attenuation" class="selflink">attenuation</a></dt>
<dd>"centerweight": 0: meter full view/window, 1: only use center pixel of the window for metering. <br>
values: 0-1, default: 0 </dd>
</dl>
</div>
<div class="paragraph">
<h2><a name="example" href="#example" class="selflink">Example</a></h2>
<script>
function showexample()
{
var iframe = '<iframe id="ccexample" name="ccframe" src="examples/autolevels.html" width="100%" height="300" scrolling="no" marginheight="0" marginwidth="0" frameborder="0"></iframe>';
document.getElementById("example").innerHTML = iframe;
}
</script>

<div id="example" onclick="showexample();" style="width:100%;height:300px;color:white;background-color:black;border:1px solid gray;cursor:pointer;">
<table width="100%" height="100%" style="color:white;">
<tr valign="middle"><td><center><b>CLICK TO VIEW EXAMPLE</b></center></td></tr>
</table>
</div>
<p>The slider ui in the example above was contributed by <a href="http://krpano.com/forum/wbb/index.php?page=User&userID=43">michel</a></p>
</div>

<!-- USER CONTENT ENDS HERE -->
</div>
</div>
</div>
<div id="krpano_footerwrapper">
<div id="krpano_footer">
<table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td align="right">Copyright &copy; 2011 krpano.com</td></tr></tbody></table>
</div>
</div>
</div>
<div id="example" onclick="showexample();" style="width:100%;height:300px;color:white;background-color:black;border:1px solid gray;cursor:pointer;">
<table width="100%" height="100%" style="color:white;">
<tr valign="middle">
<td><center>
<b>CLICK TO VIEW EXAMPLE</b>
</center></td>
</tr>
</table>
</div>
<p>The slider ui in the example above was contributed by <a href="http://krpano.com/forum/wbb/index.php?page=User&userID=43">michel</a></p>
</div>
<div class="paragraph">
<h2><a name="license" href="#license" class="selflink">License</a></h2>
<p><a href="http://creativecommons.org/licenses/GPL/2.0/"><img src="http://creativecommons.org/images/public/cc-GPL-a.png" alt="CC-GNU GPL" width="88px" height="62" hspace="8" border="0" align="right"></a> The plugin can be used free of charge, in commercial or non-commercial applications. The source code is available under a <a href="http://creativecommons.org/licenses/GPL/2.0/">CC-GNU GPL</a> license. If you need (parts of) the software available under a different license, <a href="http://fieldofview.com/contact">contact the author</a>.</p>
</div>
<!-- USER CONTENT ENDS HERE -->
</div>
</div>
</div>
<div id="krpano_footerwrapper">
<div id="krpano_footer">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="right">Copyright &copy; 2011 krpano.com</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</body>
</html>
111 changes: 111 additions & 0 deletions clipboard/plugin.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,111 @@
<!-- krpano plugin page template -->
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="imagetoolbar" content="no" />
<meta name="format-detection" content="telephone=no" />
<link rel="stylesheet" type="text/css" media="screen" href="http://krpano.com/design/design.css"/>
<link rel="stylesheet" type="text/css" media="print" href="http://krpano.com/design/print.css"/>
</head>
<body>
<div id="krpano_root">
<div id="krpano_headerwrapper">
<div id="krpano_header">
<div id="krpano_langsel">&nbsp;</div>
<div id="krpano_mainmenu">&nbsp;</div>
</div>
</div>
<div>
<div id="krpano_imagebar"></div>
<div id="krpano_logo"></div>
</div>
<div id="krpano_imagebar_space"></div>
<div id="krpano_contentwrapper">
<div id="krpano_content">
<div id="krpano_contentnav">
<h2><a href="#top" class="selflink">Plugins</a></h2>
</div>
<a name="top"></a>
<div id="krpano_contenttext">
<!-- USER CONTENT STARTS HERE -->

<h1>Clipboard Plugin <span class="pluginfilename">clipboard.swf</span>
<!-- <span class="flashhtml5">for Flash</span> -->
<div class="pluginautor">by Aldo Hoeben - <a href="http://fieldofview.com">fieldofview.com</a></div>
</h1>
<div class="paragraph">
<h2><a name="description" href="#description" class="selflink">Description</a></h2>
<p>This plugin provides a way to copy text into the system clipboard. </p>
<p>Access to the clipboard is write-only, so you can not paste into the krpano viewer. The clipboard plugin has a single attribute which can be set through krpano actions. </p>
</div>
<div class="paragraph">
<h2><a name="download" href="#download" class="selflink">Download</a></h2>
<div class="dlitem"> <a href="https://github.com/fieldOfView/krpano_fovplugins/raw/master/clipboard.swf">clipboard.swf</a>&nbsp; <small>(plugin only)</small></div>
<p>The clipboard sources and examples are available as part of the fovplugins package</p>
<div class="dlitem"> <a href="https://github.com/fieldOfView/krpano_fovplugins/zipball/master">fovplugins.zip</a>&nbsp; <small>(plugin, source code &amp; examples)</small><br/>
</div>
</div>
<div class="paragraph">
<h2><a name="forum" href="#forum" class="selflink">krpano Forum Discussion Thread</a></h2>
<a href="http://krpano.com/forum/wbb/index.php?page=Thread&threadID=4559">Clipboard Plugin Thread</a> </div>
<div class="paragraph">
<h2><a name="syntax" href="#syntax" class="selflink">Syntax / XML Usage Example</a></h2>
<pre class="xmlpre">&lt;<a href="http://krpano.com/docu/xml/#plugin">plugin</a> <a href="http://krpano.com/docu/xml/#plugin.name">name</a>="clipboard"
<a href="http://krpano.com/docu/xml/#plugin.url">url</a>="clipboard.swf"
<a href="http://krpano.com/docu/xml/#plugin.keep">keep</a>="true"
/&gt;

&lt;<a href="http://krpano.com/docu/xml/#action">action</a> <a href="http://krpano.com/docu/xml/#action.name">name</a>="set_clipboard" &gt;
set(plugin[clipboard].<a href="#text" class="pluginattrib">text</a>,"copy to clipboard");
&lt;/<a href="http://krpano.com/docu/xml/#action">action</a>&gt;</pre>
</div>
<div class="paragraph">
<h2><a name="attributes" href="#attributes" class="selflink">Plugin Attributes</a></h2>
<dl>
<dt><a name="text" href="#text" class="selflink">text</a></dt>
<dd> Text to copy to the system clipboard.<br>
values: text </dd>
</dl>
</div>
<div class="paragraph">
<h2><a name="example" href="#example" class="selflink">Example</a></h2>
<script>
function showexample()
{
var iframe = '<iframe id="ccexample" name="ccframe" src="examples/clipboard.html" width="100%" height="300" scrolling="no" marginheight="0" marginwidth="0" frameborder="0"></iframe>';
document.getElementById("example").innerHTML = iframe;
}
</script>
<div id="example" onclick="showexample();" style="width:100%;height:300px;color:white;background-color:black;border:1px solid gray;cursor:pointer;">
<table width="100%" height="100%" style="color:white;">
<tr valign="middle">
<td><center>
<b>CLICK TO VIEW EXAMPLE</b>
</center></td>
</tr>
</table>
</div>
</div>
<div class="paragraph">
<h2><a name="license" href="#license" class="selflink">License</a></h2>
<p><a href="http://creativecommons.org/licenses/GPL/2.0/"><img src="http://creativecommons.org/images/public/cc-GPL-a.png" alt="CC-GNU GPL" width="88px" height="62" hspace="8" border="0" align="right"></a> The plugin can be used free of charge, in commercial or non-commercial applications. The source code is available under a <a href="http://creativecommons.org/licenses/GPL/2.0/">CC-GNU GPL</a> license. If you need (parts of) the software available under a different license, <a href="http://fieldofview.com/contact">contact the author</a>.</p>
</div>
<!-- USER CONTENT ENDS HERE -->
</div>
</div>
</div>
<div id="krpano_footerwrapper">
<div id="krpano_footer">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="right">Copyright &copy; 2011 krpano.com</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</body>
</html>
Loading

0 comments on commit 0b2b080

Please sign in to comment.