This library uses Javascript literal notation (not JSON) to set the functions, so it's really easy to use.
This Library requires jQuery!
logging using library:
JojoLib.out.log("prefix", "text");
JojoLib.out.log("text"); // no prefix
same goes for warn and todo.
==========
to get in debug mode, set JojoLib.vars.debug to true at the beginning of your code:
JojoLib.settings.debug = true;
then, wherever you want to debug:
JojoLib.out.debug("prefix", "text");
JojoLib.out.debug("text"); // no prefix
debug mode will view a lot of variables, so it can slow down the page loading a bit.
please use only for testing purposes
==========
There's also an error helper, which you can call with:
throw new JojoLib.error.undefinedError("error name", "error message");
==========
JojoLib.core.getURLParam("parameter to get value from");
It's that easy :)
==========
first of all, load the twitch libs:
JojoLib.twitch.load("optional:path/to/JojoLib/lib/twitch.js");
this will fire an event called "twitchLoaded", subscribe to this if you want to call any twitch function!
$(document).on("twitchLoaded", function(){
// render player + chat:
JojoLib.twitch.render("who", "where(id)");
// render player:
JojoLib.twitch.renderPlayer("who, where(id)");
// render chat (also bttv):
JojoLib.twitch.renderChat("who", "where(id)");
// render a frontpage with your friends (who are streaming):
var names = ["friend1", "friend2", "friend3"]; // uncapitalized
JojoLib.twitch.frontpage(names, "id of table to append to", "id the generated content needs to have (as in <this>names[x])", "the id of the div for images", "id the generated content needs to have(as in <this>names[x])", "the page to go to (as in <this>?streamer=names[x])");
});
DEPRECATED (pre 0.3-ish): just call render to add to screen:
JojoLib.twitch.render("who", "where(id)");
==========
first of all, load the module:
JojoLib.youtube.load("https://path/to/youtube.js");
// OR
JojoLib.youtube.load("../relative/path/to/youtube.js");
// OR (if your JojoLib.js, youtube.js etc are in http://sub.yoursite.com/js/) (if you have it in a different directory, adjust JojoLib.settings.javascriptFolder to /folder/fromSiteRoot/to/js/folder/)
JojoLib.youtube.load();
this will fire an event called "youtubeLoaded" subscribe to this if you want to call any youtube functions!
to add a youtube player:
$(document).on("youtubeLoaded", function(){
JojoLib.youtube.player({width: "auto", height: 360, UvID: "unique video id"}, "the ID where it needs to be placed");
});
to add a youtube playlist you remove UvID and add UpID, with the corresponding Unique Playlist ID:
$(document).on("youtubeLoaded", function(){
JojoLib.youtube.player({width: "auto", height: 360, UpID: "unique playlist id"}, "the ID where it needs to be placed");
});
width or height can be auto. NOT BOTH!
you can also add an autoplay entry (not required).
DEPRECATED (pre 0.3-ish): if you want to add a youtube player to your website, you can do this:
JojoLib.youtube.player({width: "auto", height: 360, UvID: "unique video ID"}, "the ID where it needs to be placed");
for a playlist, you add an entry for it in the JSON, like so:
JojoLib.youtube.player({width: "auto", height: 360, UpID: "the playlist ID"}, "the ID where it needs to be placed");
==========
version check runs automatically, you can disable it with:
JojoLib.settings.version.versionCheck = false;
you can do the same for the changelog:
JojoLib.settings.version.showChangelog = false;
==========
These fixes will automatically run, but you can manipulate them by putting this line in your code:
JojoLib.vars.fixes = {fa: true, cse: true, cseToBootstrap: true, twitterWidth: true, bootstrapWidth: true,};
==========
load ExtraTools as if you load any other library