{"id":20154027,"url":"https://github.com/jbroadway/cacophony","last_synced_at":"2025-04-09T21:52:23.227Z","repository":{"id":1205596,"uuid":"1115770","full_name":"jbroadway/cacophony","owner":"jbroadway","description":"Cacophony HTML5 Interactive Video Player","archived":false,"fork":false,"pushed_at":"2015-07-13T16:27:22.000Z","size":9542,"stargazers_count":42,"open_issues_count":0,"forks_count":16,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-04-09T21:52:16.965Z","etag":null,"topics":["branching","cakejs2","context-free","embedded","harmony","html5-video","interactive","javascript","player","threejs","video"],"latest_commit_sha":null,"homepage":"http://www.cacophonyjs.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":"handsontable/ngHandsontable","license":"gpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jbroadway.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2010-11-26T22:48:03.000Z","updated_at":"2025-02-02T02:17:51.000Z","dependencies_parsed_at":"2022-07-06T12:30:10.494Z","dependency_job_id":null,"html_url":"https://github.com/jbroadway/cacophony","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jbroadway%2Fcacophony","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jbroadway%2Fcacophony/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jbroadway%2Fcacophony/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jbroadway%2Fcacophony/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jbroadway","download_url":"https://codeload.github.com/jbroadway/cacophony/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248119401,"owners_count":21050754,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["branching","cakejs2","context-free","embedded","harmony","html5-video","interactive","javascript","player","threejs","video"],"created_at":"2024-11-13T23:24:28.015Z","updated_at":"2025-04-09T21:52:23.197Z","avatar_url":"https://github.com/jbroadway.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Cacophony\n\nA tool for creating and viewing interactive videos, especially\nmusic videos, using HTML5 and Javascript. Interactive elements\ninclude visuals/story adapting in response to user input as\ntext, mouse movement, drawings, and choices (choose-your-own-adventure).\n\nInput from the viewer can affect the subsequent video, and also\nbe sent to a server for integration with other web applications\n(social networking, sharing, geotagging), which is possible\nbecause effects are rendered on-the-fly in the browser, not\npre-rendered like traditional video. Input can also come from\nexternal sources (RSS, JSON), so you can integrate external\ndata, or previously generated data, back into subsequent\nviews of the video.\n\nNew effects can be written in Javascript, and several frameworks\nare already integrated into existing effects, including:\n\n* [Cake.js](http://code.google.com/p/cakejs/)\n* [ContextFree.js](http://code.google.com/p/contextfree/)\n* [Harmony](http://mrdoob.com/projects/harmony/)\n* [Three.js](http://github.com/mrdoob/three.js/)\n* [jQuery](http://jquery.com/)\n\nThe basic elements of a Cacophony video are:\n\n* An HTML5 Video on the base layer\n* A series of HTML5 Canvas layers above that\n* A timeline of effects to be triggered to the beat of the song\n* Images and other elements to be used by the effects\n\nThe official homepage of Cacophony is [www.cacophonyjs.com](http://www.cacophonyjs.com/).\n\nCopyright 2010, [Johnny Broadway](http://www.johnnybroadway.com/).\nReleased under the [GPL Version 2](http://opensource.org/licenses/gpl-2.0.php) license.\n\n### Download/Links\n\n* [Releases](http://github.com/jbroadway/cacophony/downloads)\n* [Source](http://github.com/jbroadway/cacophony)\n* [Google Group](http://groups.google.com/group/cacophonyjs)\n* [Bug Reports](http://github.com/jbroadway/cacophony/issues)\n\n### Usage\n\n**Step 1:** Include the scripts and stylesheet in your `\u003chead\u003e`:\n\n    \u003cscript type=\"text/javascript\" src=\"js/jquery-1.4.2.min.js\"\u003e\u003c/script\u003e\n    \u003cscript type=\"text/javascript\" src=\"js/cacophony.min.js\"\u003e\u003c/script\u003e\n    \u003cscript type=\"text/javascript\" src=\"js/settings.js\"\u003e\u003c/script\u003e\n    \u003cscript type=\"text/javascript\" src=\"js/story.js\"\u003e\u003c/script\u003e\n    \u003clink rel=\"stylesheet\" type=\"text/css\" href=\"css/cacophony.min.css\" /\u003e\n\n**Step 2:** Create an element like this in your page, note the ID must be 'cacophony':\n\n    \u003cdiv id=\"cacophony\"\u003e\u003c/div\u003e\n\n**Step 3:** Add the following script to your web page:\n\n    \u003cscript type=\"text/javascript\"\u003e\n    $(document).ready (function () {\n        cacophony.init ();\n    });\n    \u003c/script\u003e\n\n**Step 4:** Copy the `build/settings.js` and `build/story.js` files into your site\nand follow the instructions found in each.\n\nYou can also refer to the `examples/demo.html` file for a complete example, including a\nfunctioning storyline, and callbacks for integrating the player into your page\nin various ways.\n\n### Examples\n\n* [Basic demo](http://www.cacophonyjs.com/examples/demo.html)\n* [Branching/looping video](http://www.cacophonyjs.com/examples/branching.html)\n* [Embedded advertising](http://www.cacophonyjs.com/examples/advertising.html)\n* [Embedded ContextFree.js](http://www.cacophonyjs.com/examples/context.html)\n* [Embedded Harmony ribbon pen](http://www.cacophonyjs.com/examples/ribbon.html)\n* [Embedded Three.js](http://www.cacophonyjs.com/examples/three.html)\n* [Input with autocomplete](http://www.cacophonyjs.com/examples/autocomplete.html)\n* [Parallax effect](http://www.cacophonyjs.com/examples/parallax.html)\n* [Slideshow from Flickr](http://www.cacophonyjs.com/examples/datafeed.html)\n* [Sparkles](http://www.cacophonyjs.com/examples/sparkles.html)\n* [Time scrubber](http://www.cacophonyjs.com/examples/scrubber.html)\n\n### Tutorials\n\n* [Customizing the player](http://www.cacophonyjs.com/tutorials/customizing.html)\n* [Writing a custom effect](http://www.cacophonyjs.com/tutorials/effects.html)\n\n### API Documentation\n\n* [Cacophony](http://www.cacophonyjs.com/docs/cacophony.html)\n* [Settings](http://www.cacophonyjs.com/docs/settings.html)\n* [Story](http://www.cacophonyjs.com/docs/story.html)\n* Built-in effects:\n  * [Core](http://www.cacophonyjs.com/docs/core.html)\n  * [Circles](http://www.cacophonyjs.com/docs/circles.html)\n  * [Context](http://www.cacophonyjs.com/docs/context.html)\n  * [Cube](http://www.cacophonyjs.com/docs/cube.html)\n  * [Datafeed](http://www.cacophonyjs.com/docs/datafeed.html)\n  * [Flicker](http://www.cacophonyjs.com/docs/flicker.html)\n  * [Input](http://www.cacophonyjs.com/docs/input.html)\n  * [Lyrics](http://www.cacophonyjs.com/docs/lyrics.html)\n  * [Ribbon](http://www.cacophonyjs.com/docs/ribbon.html)\n  * [Slideshow](http://www.cacophonyjs.com/docs/slideshow.html)\n  * [Sparkles](http://www.cacophonyjs.com/docs/sparkles.html)\n  * [Skyline](http://www.cacophonyjs.com/docs/skyline.html)\n  * [Three](http://www.cacophonyjs.com/docs/three.html)\n  * [Volume](http://www.cacophonyjs.com/docs/volume.html)\n\n### Compatibility\n\nCacophony is compatible with the following browsers:\n\n* Firefox 3.6+\n* Safari 5+\n* Google Chrome 7+\n* Opera 10.6+\n* Internet Explorer 9\n* Internet Explorer 6, 7, 8 through the Google Chrome Frame plugin\n\nThe core player is also compatible with iOS 4.2+ devices, however some\neffects will render videos unplayable on current iOS devices (iPhone 4G,\noriginal iPad). As such, iOS support is disabled by default, but can be\nenabled in your `settings.js` file with the following setting change:\n\n    cacophony.enable_ipad = true;\n\n-----\n\nBrought to you by [Johnny Broadway](http://www.johnnybroadway.com/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjbroadway%2Fcacophony","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjbroadway%2Fcacophony","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjbroadway%2Fcacophony/lists"}