{"id":19438126,"url":"https://github.com/funkymed/sc-slideshow","last_synced_at":"2026-06-19T05:32:36.718Z","repository":{"id":12999837,"uuid":"15678996","full_name":"funkymed/sc-slideshow","owner":"funkymed","description":"execute event on time with soundcloud player","archived":false,"fork":false,"pushed_at":"2017-04-07T15:37:31.000Z","size":100,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-02-25T07:16:25.699Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/funkymed.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-01-06T16:32:29.000Z","updated_at":"2017-04-07T15:37:32.000Z","dependencies_parsed_at":"2022-09-18T04:51:45.817Z","dependency_job_id":null,"html_url":"https://github.com/funkymed/sc-slideshow","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/funkymed/sc-slideshow","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/funkymed%2Fsc-slideshow","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/funkymed%2Fsc-slideshow/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/funkymed%2Fsc-slideshow/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/funkymed%2Fsc-slideshow/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/funkymed","download_url":"https://codeload.github.com/funkymed/sc-slideshow/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/funkymed%2Fsc-slideshow/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34519049,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-19T02:00:06.005Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2024-11-10T15:17:00.578Z","updated_at":"2026-06-19T05:32:36.702Z","avatar_url":"https://github.com/funkymed.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"#SC-SlideShow\n\nSC-SlideShow is a script will display image, play music from soundcloud and display a waveform. It will also fire event on change image.\nIf you don't drag n drop image, it wil fire event by himself on time.\n\nDemo : http://med.planet-d.net/demo/web/sc-slideshow/\n\nGitHub : https://github.com/funkymed/webservicesjs\n\n##How to use:\n\nHTML:\n~~~\n\u003cdiv id=\"videos\"\u003e\n    \u003cdiv id=\"slideshow\" class=\"dragdealer\"\u003e\n        \u003cdiv class=\"handle\"\u003e\n        \u003c/div\u003e\n    \u003c/div\u003e\n\u003c/div\u003e\n\n\u003cdiv id=\"video_controllers\"\u003e\n    \u003cdiv id=\"wf\"\u003e\u003c/div\u003e\n\u003c/div\u003e\n~~~\n\nYou have to add a file named data.json next to your page structured like this :\n\ntime : time in milliseconde\n\nslug : slug to be use url\n\n~~~\n[\n  {\n    \"time\": 0,\n    \"slug\": \"robert-miles\",\n    \"image\": \"images\\/image1.jpeg\"\n  },\n  {\n    \"time\": 100000,\n    \"slug\": \"robert-mike\",\n    \"image\": \"images\\/image2.jpeg\"\n  },\n  {\n    \"time\": 200000,\n    \"slug\": \"robert-marc\",\n    \"image\": \"images\\/image3.jpg\"\n  },\n  {\n    \"time\": 300000,\n    \"slug\": \"robert-park\",\n    \"image\": \"images\\/image4.jpg\"\n  },\n  {\n    \"time\": 400000,\n    \"slug\": \"robert-flack\",\n    \"image\": \"images\\/image5.jpg\"\n  },\n  {\n    \"time\": 500000,\n    \"slug\": \"robert-bass\",\n    \"image\": \"images\\/image6.jpg\"\n  },\n  {\n    \"time\": 600000,\n    \"slug\": \"robert-palmer\",\n    \"image\": \"images\\/image7.jpg\"\n  }\n]\n~~~\n\nTo start the player and slideshow just do this :\n~~~\nnew SCSlideshow(\"/tracks/123456\");\n~~~\n\n#Options\n\ncallback : will be use after an image slide\n\nshowmakers : will display you the marker on the waveform\n\n~~~\nfunction myCallback(imageoffset)\n{\n\n}\n\nvar options = {\n  showmarkers:true,\n  callback:myCallback\n};\n\nnew SCSlideshow(\"/tracks/123456\", options);\n~~~\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffunkymed%2Fsc-slideshow","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffunkymed%2Fsc-slideshow","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffunkymed%2Fsc-slideshow/lists"}