PopcornOpenVideoAPI - Revision history

Brett Gaylor: Replaced content with "For all documentation regarding popcorn.js, visit the documentation page http://popcornjs.org/documentation"

2011-11-01T19:52:36Z

Replaced content with "For all documentation regarding popcorn.js, visit the documentation page http://popcornjs.org/documentation"

2011-03-17T14:40:45Z

← Older revision		Revision as of 14:40, 17 March 2011
Line 561:		Line 561:
	</html>		</html>
	</pre>		</pre>
			== Making a plugin ==
			===Document and Direectory Setup===
			Create a folder popcorn-js/plugins/PLUGIN_NAME
			Create 4 files:
			popcorn.PLUGIN_NAME.html - The demo file, contains html to run plugin
			popcorn.PLUGIN_NAME.js - The code file, contains plugin
			popcorn.PLUGIN_NAME.unit.html - The demo test file, contains html test framework
			popcorn.PLUGIN_NAME.unit.js - The code test file, contains unit tests

			===Making the plugin===
			Use the patterns from https://gist.github.com/844211#file_popcorn_plugin_patterns.js as a basis for plugin structure. Use pattern 2 unless plugin variables are required.
			Be sure to eliminate dependencies. A plugin should not require jQuery to run. Also the user should not have to add any extra <script> tags or any other HTML in order for the plugin to work.

2011-02-15T20:05:29Z

First XML-based page

@@ Line 383: / Line 383: @@
    <link href="style.css" rel="stylesheet" type="text/css" />
    <!-- These two are needed for google news api -->
    <script src="http://google.com/jsapi"></script>
@@ Line 517: / Line 515: @@
 * you need to escape your html with entity tags in the footnote in order for it to work (CDATA might also work)
 * check your xml syntax by going to the page in a browser and making sure it is being read properly, a tag that's not closed, or a character in footnotes can really mess you up

2011-02-08T18:54:56Z

First XML-based page

← Older revision		Revision as of 18:54, 8 February 2011
Line 341:		Line 341:
	==First XML-based page==		==First XML-based page==
	To get something up quickly and see the power of Popcorn, you can try this example ([http://avnerd.tv/popcorndemo/ live here ]) which uses an XML file.		To get something up quickly and see the power of Popcorn, you can try this example ([http://avnerd.tv/popcorndemo/ live here ]) which uses an XML file.

			When you have this set up, your root directory should contain:
			* .htaccess
			* index.html
			* popcorn.xml
			* style.css
			* popcorn.js
			* plugins directory from popcorn.js


	===Set formats in .htaccess===		===Set formats in .htaccess===

2011-02-08T18:53:50Z

XML file

2011-02-08T18:53:22Z

Style Sheet

2011-02-08T18:53:05Z

Create an index.html

← Older revision		Revision as of 18:53, 8 February 2011
Line 351:		Line 351:
	</pre>		</pre>

	===Create an index.html===		===Create the landing page (index.html)===
	<pre>		<pre>
	<!DOCTYPE html>		<!DOCTYPE html>

2011-02-08T18:46:06Z

Style Sheet

2011-02-08T18:45:43Z

Create an index.html

← Older revision		Revision as of 18:45, 8 February 2011
Line 392:		Line 392:
	<div id="videoContainer" class="video-div">		<div id="videoContainer" class="video-div">
	<!-- You have to have an id in the video tag for Popcorn to work -->		<!-- You have to have an id in the video tag for Popcorn to work -->
	<video id="popcorn-this" src="~~my_video~~.ogg" data-timeline-sources="popcorn.xml" preload="auto" style="width:640px;" controls></video>		<video id="popcorn-this" src="JB_baby.ogg" data-timeline-sources="popcorn.xml" preload="auto" style="width:640px;" controls></video>
	</div><!-- End Video Div -->		</div><!-- End Video Div -->
	</div><!-- End Left Content -->		</div><!-- End Left Content -->
Line 398:		Line 398:
	<!-- Start Right Content -->		<!-- Start Right Content -->
	<div class="right-content">		<div class="right-content">
	<h1>~~Popcorn~~ Target</h1>		<h1>Wikipedia Target</h1>
	<div id="popcorn_box"></div>		<div id="popcorn_box" class="popcorn_info"></div>
			<h1>Twitter Target</h1>
			<div id="twitter_box" class="popcorn_info"></div>
			<h1>Footnote Target</h1>
			<div id="footnote_box" class="popcorn_info"></div>
	</div><!-- End Right Content -->		</div><!-- End Right Content -->

Line 406:		Line 410:
	</body>		</body>
	</html>		</html>

	</pre>		</pre>

2011-02-08T18:45:03Z

First XML-based page

← Older revision		Revision as of 18:45, 8 February 2011
Line 340:		Line 340:

	==First XML-based page==		==First XML-based page==
	To get something up quickly and see the power of Popcorn, you can try this example which uses an XML file.		To get something up quickly and see the power of Popcorn, you can try this example ([http://avnerd.tv/popcorndemo/ live here ]) which uses an XML file.

	===Set formats in .htaccess===		===Set formats in .htaccess===