Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Made all of the docs use pygments now

  • Loading branch information...
commit a977ed346f67b07189302df65acc376980633a22 1 parent 534a4b4
@dseif dseif authored
Showing with 88 additions and 21 deletions.
  1. +2 −0  effects/_posts/2012-12-12-applyclass.md
  2. +2 −1  media-methods/_posts/2012-12-12-playbackrate.md
  3. +20 −18 modules/_posts/2012-12-12-data-timeline-sources.md
  4. +2 −0  modules/_posts/2012-12-12-sequence.md
  5. +2 −1  players/_posts/2012-12-12-baseplayer.md
  6. +2 −1  players/_posts/2012-12-12-vimeo.md
  7. +2 −0  players/_posts/2012-12-12-youtube.md
  8. +2 −0  plugins/_posts/2012-12-12-attribution.md
  9. +2 −0  plugins/_posts/2012-12-12-code.md
  10. +2 −0  plugins/_posts/2012-12-12-facebook.md
  11. +2 −0  plugins/_posts/2012-12-12-flickr.md
  12. +2 −0  plugins/_posts/2012-12-12-footnote.md
  13. +2 −0  plugins/_posts/2012-12-12-gml.md
  14. +2 −0  plugins/_posts/2012-12-12-googlefeed.md
  15. +2 −0  plugins/_posts/2012-12-12-googlemaps.md
  16. +2 −0  plugins/_posts/2012-12-12-mustache.md
  17. +2 −0  plugins/_posts/2012-12-12-openmap.md
  18. +2 −0  plugins/_posts/2012-12-12-pause.md
  19. +2 −0  plugins/_posts/2012-12-12-processing.md
  20. +2 −0  plugins/_posts/2012-12-12-subtitle.md
  21. +2 −0  plugins/_posts/2012-12-12-tagthisperson.md
  22. +2 −0  plugins/_posts/2012-12-12-timeline.md
  23. +2 −0  plugins/_posts/2012-12-12-twitter.md
  24. +2 −0  plugins/_posts/2012-12-12-webpage.md
  25. +2 −0  plugins/_posts/2012-12-12-wikipedia.md
  26. +2 −0  plugins/_posts/2012-12-12-wordriver.md
  27. +8 −0 utility-methods/_posts/2012-12-12-getJSONP.md
  28. +8 −0 utility-methods/_posts/2012-12-12-getscript.md
  29. +2 −0  utility-methods/_posts/2012-12-12-parser.md
View
2  effects/_posts/2012-12-12-applyclass.md
@@ -13,6 +13,7 @@ Apply a class by CSS Selector. Selector is relative to plugin target's `id`
## Examples ##
+{% highlight js linenos %}
var popcorn = Popcorn( "#video" );
popcorn.footnote({
@@ -33,5 +34,6 @@ Apply a class by CSS Selector. Selector is relative to plugin target's `id`
});
popcorn.play();
+{% endhighlight %}
Simple applyclass effect [jsFiddle](http://jsfiddle.net/68tzd/)
View
3  media-methods/_posts/2012-12-12-playbackrate.md
@@ -13,6 +13,7 @@ Get or set playbackrate of calling Popcorn instance
## Example ##
+{% highlight js linenos %}
var p = Popcorn( "#video" );
// returns the current playback rate
@@ -20,4 +21,4 @@ Get or set playbackrate of calling Popcorn instance
// set the playback rate
p.playbackrate( 30 );
-
+{% endhighlight %}
View
38 modules/_posts/2012-12-12-data-timeline-sources.md
@@ -11,29 +11,31 @@ This is primarily used in association with Popcorn's parsers and allows the user
## Examples ##
- <html>
- <head>
- <script src="popcorn-complete.js"></script>
- </head>
- <body>
- <video id="video" data-timeline-sources="data/data.json"
+{% highlight html linenos %}
+ <html>
+ <head>
+ <script src="popcorn-complete.js"></script>
+ </head>
+ <body>
+ <video id="video" data-timeline-sources="data/data.json"
controls
width= '250px'
- poster="../../test/poster.png"&gt;
+ poster="../../test/poster.png">
- &lt;source id='mp4'
+ <source id='mp4'
src="../../test/trailer.mp4"
- type='video/mp4; codecs="avc1, mp4a"'&gt;
+ type='video/mp4; codecs="avc1, mp4a"'>
- &lt;source id='ogv'
+ <source id='ogv'
src="../../test/trailer.ogv"
- type='video/ogg; codecs="theora, vorbis"'&gt;
+ type='video/ogg; codecs="theora, vorbis"'>
- &lt;p&gt;Your user agent does not support the HTML5 Video element.&lt;/p&gt;
+ <p>Your user agent does not support the HTML5 Video element.</p>
- &lt;/video&gt;
- &lt;div id="footnote-container"&gt;&lt;/div&gt;
- &lt;div id="map-container"&gt;&lt;/div&gt;
- &lt;div id="iframe-container"&gt;&lt;/div&gt;
- &lt;/body&gt;
- &lt;/html&gt;
+ </video>
+ <div id="footnote-container"></div>
+ <div id="map-container"></div>
+ <div id="iframe-container"></div>
+ </body>
+ </html>
+{% endhighlight %}
View
2  modules/_posts/2012-12-12-sequence.md
@@ -29,6 +29,7 @@ the sequencer also provides the following methods:
## Examples ##
+{% highlight js linenos %}
var sequence = Popcorn.sequence(
"container-id",
\[
@@ -48,5 +49,6 @@ the sequencer also provides the following methods:
out: 6
}
\]);
+{% endhighlight %}
[jsFiddle Example](http://jsfiddle.net/jmTgD/1/)
View
3  players/_posts/2012-12-12-baseplayer.md
@@ -21,6 +21,7 @@ The baseplayer has numerous use cases, such as :
## Examples ##
+{% highlight js linenos %}
Popcorn.player( "baseplayer" );
var pop = Popcorn( "elementID" );
@@ -34,6 +35,6 @@ The baseplayer has numerous use cases, such as :
text: "Works with the baseplayer!",
target: "footnote-div"
});
+{% endhighlight %}
-// will work with 1.0
[jsFiddle](http://jsfiddle.net/popcornjs/qQ672/)
View
3  players/_posts/2012-12-12-vimeo.md
@@ -18,6 +18,7 @@ The vimeo player plugin allows for the use of all functions and properties that
## Examples ##
+{% highlight js linenos %}
var pop = Popcorn.vimeo( "#video", "vimeoURL" );
pop.footnote({
@@ -28,6 +29,6 @@ The vimeo player plugin allows for the use of all functions and properties that
});
pop.play();
+{% endhighlight %}
-// wont work until after 1.0 lands
[jsFiddle example](http://jsfiddle.net/popcornjs/gBEek/)
View
2  players/_posts/2012-12-12-youtube.md
@@ -19,6 +19,7 @@ The youtube player plugin allows for the use of all functions and properties tha
## Examples ##
+{% highlight js linenos %}
var pop = Popcorn.youtube( '#video', 'http://www.youtube.com/watch?v=9oar9glUCL0' );
pop.footnote({
@@ -29,5 +30,6 @@ The youtube player plugin allows for the use of all functions and properties tha
});
pop.play();
+{% endhighlight %}
[jsFiddle example](http://jsfiddle.net/popcornjs/whvkP/)
View
2  plugins/_posts/2012-12-12-attribution.md
@@ -21,6 +21,7 @@ Allows the user to add proper attribution to the various sources used on the cur
## Example ##
+{% highlight js linenos %}
var pop = Popcorn( "#video" );
pop.attribution({
@@ -32,5 +33,6 @@ Allows the user to add proper attribution to the various sources used on the cur
licenseurl: "http://creativecommons.org/licenses/by-nc/2.0/",
target: "attribdiv"
});
+{% endhighlight %}
* [jsFiddle Example](http://jsfiddle.net/popcornjs/AykAT/)
View
2  plugins/_posts/2012-12-12-code.md
@@ -17,6 +17,7 @@ Allows for the ability to run arbitrary code ( JavaScript functions ) according
## Example ##
+{% highlight js linenos %}
var pop = Popcorn( "#video" );
pop.code({
@@ -29,5 +30,6 @@ Allows for the ability to run arbitrary code ( JavaScript functions ) according
document.getElementById( "test1" ).innerHTML = "No";
}
});
+{% endhighlight %}
* [jsFiddle Example](http://jsfiddle.net/popcornjs/Wmskz/)
View
2  plugins/_posts/2012-12-12-facebook.md
@@ -36,6 +36,7 @@ The facebook plugin allows the user to bring popular aspects from facebook and d
## Example ##
+{% highlight js linenos %}
var pop = Popcorn( "#video" );
pop.facebook({
@@ -46,5 +47,6 @@ The facebook plugin allows the user to bring popular aspects from facebook and d
// id is from example http://developers.facebook.com/docs/reference/plugins/live-stream/
event_app_id: 174243249296725
});
+{% endhighlight %}
* [jsFiddle Example](http://jsfiddle.net/popcornjs/UC6Px/);
View
2  plugins/_posts/2012-12-12-flickr.md
@@ -24,6 +24,7 @@ The Flickr plugin allows the user to hook into the popular picture hosting site
## Example ##
+{% highlight js linenos %}
var pop = Popcorn( "#video" );
pop.flickr({
@@ -32,5 +33,6 @@ The Flickr plugin allows the user to hook into the popular picture hosting site
userid: "35034346917@N01",
target: "flickrdiv"
});
+{% endhighlight %}
* [jsFiddle Example](http://jsfiddle.net/popcornjs/grMCk/);
View
2  plugins/_posts/2012-12-12-footnote.md
@@ -16,9 +16,11 @@ Adds text to an element on the page.
## Example ##
+{% highlight js linenos %}
var p = Popcorn( "#video" ).footnote({
start: 5,
end: 15,
text: 'This text will appear in "target". ',
target: "footnotediv"
});
+{% endhighlight %}
View
2  plugins/_posts/2012-12-12-gml.md
@@ -16,6 +16,7 @@ Renders a GML tag inside an HTML element
## Example ##
+{% highlight js linenos %}
var pop = Popcorn( "#video" );
pop.gml({
@@ -24,5 +25,6 @@ Renders a GML tag inside an HTML element
gmltag: "29582",
target: "gmldiv"
});
+{% endhighlight %}
* [jsFiddle Example](http://jsfiddle.net/popcornjs/kzwt8/)
View
2  plugins/_posts/2012-12-12-googlefeed.md
@@ -18,6 +18,7 @@ Adds a feed from a specified blog url into the target div
## Example ##
+{% highlight js linenos %}
var pop = Popcorn( "#video" );
pop.googlefeed({
@@ -28,5 +29,6 @@ Adds a feed from a specified blog url into the target div
title: "Planet Feed",
orientation: "Vertical"
});
+{% endhighlight %}
* [jsFiddle Example](http://jsfiddle.net/popcornjs/rZmL8/)
View
2  plugins/_posts/2012-12-12-googlemaps.md
@@ -36,6 +36,7 @@ Tweening animates a streetview from one location to another.
## Example ##
+{% highlight js linenos %}
var p = Popcorn( "#video" ).googlemap({
start: 5,
end: 15,
@@ -44,3 +45,4 @@ Tweening animates a streetview from one location to another.
lat: 43.665429,
lng: -79.403323
});
+{% endhighlight %}
View
2  plugins/_posts/2012-12-12-mustache.md
@@ -18,6 +18,7 @@ Adds the ability to render JSON using templates via the Mustache templating libr
## Example ##
+{% highlight js linenos %}
var pop = Popcorn( "#video" );
pop.mustache({
@@ -48,5 +49,6 @@ Adds the ability to render JSON using templates via the Mustache templating libr
'}',
static: true /* The json is not going to change, load it early. */
});
+{% endhighlight %}
* [jsFiddle Example](http://jsfiddle.net/popcornjs/DmupJ/)
View
2  plugins/_posts/2012-12-12-openmap.md
@@ -27,6 +27,7 @@ Adds an OpenLayers map and open map tiles (OpenStreetMap \[default\], NASA World
## Example ##
+{% highlight js linenos %}
var pop = Popcorn( "#video" );
pop.openmap( {
@@ -38,5 +39,6 @@ Adds an OpenLayers map and open map tiles (OpenStreetMap \[default\], NASA World
lng: -79.403323,
zoom: "10"
});
+{% endhighlight %}
* [jsFiddle Example](http://jsfiddle.net/popcornjs/NKtvy/)
View
2  plugins/_posts/2012-12-12-pause.md
@@ -15,8 +15,10 @@ Links may cause a new page to display on a new window, or may cause a new page t
## Example ##
+{% highlight js linenos %}
var pop = Popcorn( "#video" , {
pauseOnLinkClicked: true
});
+{% endhighlight %}
* [jsFiddle Example](http://jsfiddle.net/popcornjs/CVeN6/)
View
2  plugins/_posts/2012-12-12-processing.md
@@ -17,6 +17,7 @@ This plugin adds a Processing.js sketch to be added to a target div or canvas.
## Example ##
+{% highlight js linenos %}
var pop = Popcorn( "#video" );
pop.processing({
@@ -26,3 +27,4 @@ This plugin adds a Processing.js sketch to be added to a target div or canvas.
sketch: "test.pjs",
noPause: true
});
+{% endhighlight %}
View
2  plugins/_posts/2012-12-12-subtitle.md
@@ -16,6 +16,7 @@ Displays a subtitle over the video, or in the target div
## Example ##
+{% highlight js linenos %}
var pop = Popcorn( "#video" );
pop.subtitle({
@@ -23,5 +24,6 @@ Displays a subtitle over the video, or in the target div
end: 15,
text: "this is the first subtitle of 2011",
});
+{% endhighlight %}
* [jsFiddle Example](http://jsfiddle.net/popcornjs/p8Kbs/1/)
View
2  plugins/_posts/2012-12-12-tagthisperson.md
@@ -18,6 +18,7 @@ Adds people's names to an element on the page.
## Example ##
+{% highlight js linenos %}
var pop = Popcorn( "#video" );
pop.tagthisperson({
@@ -28,5 +29,6 @@ Adds people's names to an element on the page.
href: "http://annasob.wordpress.com",
target: "tagdiv"
});
+{% endhightlight %}
* [jsFiddle Example](http://jsfiddle.net/popcornjs/ya23v/)
View
2  plugins/_posts/2012-12-12-timeline.md
@@ -19,6 +19,7 @@ Adds data associated with a certain time in the video, which creates a scrolling
## Example ##
+{% highlight js linenos %}
var pop = Popcorn( "#video" );
pop.timeline({
@@ -29,5 +30,6 @@ Adds data associated with a certain time in the video, which creates a scrolling
innerHTML: "Click here for <a href='http://www.google.ca'>Google</a>" ,
direction: "up"
});
+{% endhighlight %}
* [jsFiddle Example](http://jsfiddle.net/popcornjs/yspL2/)
View
2  plugins/_posts/2012-12-12-twitter.md
@@ -18,6 +18,7 @@ Appends a Twitter widget to an element on the page.
## Example ##
+{% highlight js linenos %}
var pop = Popcorn( "#video" );
pop.twitter({
@@ -27,5 +28,6 @@ Appends a Twitter widget to an element on the page.
src: "@stevesong",
target: "twitterdiv",
});
+{% endhighlight %}
* [jsFiddle Example](http://jsfiddle.net/popcornjs/GhD62/)
View
2  plugins/_posts/2012-12-12-webpage.md
@@ -17,6 +17,7 @@ Creates an iframe showing a website specified by the user
## Example ##
+{% highlight js linenos %}
var pop = Popcorn( "#video" );
pop.webpage({
@@ -26,5 +27,6 @@ Creates an iframe showing a website specified by the user
src: "http://webmademovies.org/",
target: "webpagediv"
});
+{% endhighlight %}
* [jsFiddle Example](http://jsfiddle.net/popcornjs/pMmAM/)
View
2  plugins/_posts/2012-12-12-wikipedia.md
@@ -19,6 +19,7 @@ Displays a wikipedia aricle in the target specified by the user by using new DOM
## Example ##
+{% highlight js linenos %}
var pop = Popcorn( "#video" );
pop.wikipedia({
@@ -28,5 +29,6 @@ Displays a wikipedia aricle in the target specified by the user by using new DOM
title: "this is an article",
target: "wikidiv"
});
+{% endhighlight %}
* [jsFiddle Example](http://jsfiddle.net/popcornjs/5q7QS/)
View
2  plugins/_posts/2012-12-12-wordriver.md
@@ -17,6 +17,7 @@ Displays a string of text, fading it in and out while transitioning across the h
## Example ##
+{% highlight js linenos %}
var pop = Popcorn( "#video" );
pop.wordriver({
@@ -26,5 +27,6 @@ Displays a string of text, fading it in and out while transitioning across the h
target: "wordriverdiv",
color: "red"
});
+{% endhighlight %}
* [jsFiddle Example](http://jsfiddle.net/popcornjs/VDJ2S/)
View
8 utility-methods/_posts/2012-12-12-getJSONP.md
@@ -15,6 +15,7 @@ Request remote JSONP data
## Examples ##
+{% highlight js linenos %}
Popcorn.xhr({
url: "jsonp.json?callback=jsonp",
@@ -26,9 +27,11 @@ Request remote JSONP data
*/
}
});
+{% endhighlight %}
----------
+{% highlight js linenos %}
Popcorn.getJSONP(
"jsonp.json?callback=jsonp",
@@ -39,9 +42,11 @@ Request remote JSONP data
*/
}
);
+{% endhighlight %}
----------
+{% highlight js linenos %}
Popcorn.xhr({
url: "http://domain.com/service/?callback=jsonp",
@@ -53,9 +58,11 @@ Request remote JSONP data
*/
}
});
+{% endhighlight %}
----------
+{% highlight js linenos %}
Popcorn.getJSONP(
"http://domain.com/service/?callback=jsonp",
@@ -66,3 +73,4 @@ Request remote JSONP data
*/
}
);
+{% endhighlight %}
View
8 utility-methods/_posts/2012-12-12-getscript.md
@@ -18,13 +18,16 @@ Request remote JavaScript resources.
## Examples ##
+{% highlight js linenos %}
// Load in Processing.js
Popcorn.getScript(
"http://processingjs.org/content/download/processing-js-1.0.0/processing-1.0.0.min.js"
);
+{% endhighlight %}
---------
+{% highlight js linenos %}
Popcorn.xhr({
url: "local-script-resource.js",
@@ -35,9 +38,11 @@ Request remote JavaScript resources.
*/
}
});
+{% endhighlight %}
---------
+{% highlight js linenos %}
Popcorn.getScript(
"local-script-resource.js",
@@ -47,9 +52,11 @@ Request remote JavaScript resources.
*/
}
);
+{% endhighlight %}
---------
+{% highlight js linenos %}
Popcorn.getScript(
"http://processingjs.org/content/download/processing-js-1.0.0/processing-1.0.0.min.js",
@@ -59,3 +66,4 @@ Request remote JavaScript resources.
*/
}
);
+{% endhighlight %}
View
2  utility-methods/_posts/2012-12-12-parser.md
@@ -15,6 +15,7 @@ title: parser
## Example ##
+{% highlight js linenos %}
Popcorn.parser( "parseJSON", function( data ) {
// declare needed variables
@@ -36,3 +37,4 @@ title: parser
var pop = Popcorn( "#video" );
pop.parseJSON( "data.json" );
+{% endhighlight %}
Please sign in to comment.
Something went wrong with that request. Please try again.