Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/funkymed/sc-slideshow
execute event on time with soundcloud player
https://github.com/funkymed/sc-slideshow
Last synced: about 2 months ago
JSON representation
execute event on time with soundcloud player
- Host: GitHub
- URL: https://github.com/funkymed/sc-slideshow
- Owner: funkymed
- Created: 2014-01-06T16:32:29.000Z (almost 11 years ago)
- Default Branch: master
- Last Pushed: 2017-04-07T15:37:31.000Z (over 7 years ago)
- Last Synced: 2024-04-13T16:21:42.723Z (9 months ago)
- Language: JavaScript
- Size: 97.7 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
#SC-SlideShow
SC-SlideShow is a script will display image, play music from soundcloud and display a waveform. It will also fire event on change image.
If you don't drag n drop image, it wil fire event by himself on time.
Demo : http://med.planet-d.net/demo/web/sc-slideshow/
GitHub : https://github.com/funkymed/webservicesjs
##How to use:
HTML:
~~~
~~~
You have to add a file named data.json next to your page structured like this :
time : time in milliseconde
slug : slug to be use url
~~~
[
{
"time": 0,
"slug": "robert-miles",
"image": "images\/image1.jpeg"
},
{
"time": 100000,
"slug": "robert-mike",
"image": "images\/image2.jpeg"
},
{
"time": 200000,
"slug": "robert-marc",
"image": "images\/image3.jpg"
},
{
"time": 300000,
"slug": "robert-park",
"image": "images\/image4.jpg"
},
{
"time": 400000,
"slug": "robert-flack",
"image": "images\/image5.jpg"
},
{
"time": 500000,
"slug": "robert-bass",
"image": "images\/image6.jpg"
},
{
"time": 600000,
"slug": "robert-palmer",
"image": "images\/image7.jpg"
}
]
~~~
To start the player and slideshow just do this :
~~~
new SCSlideshow("/tracks/123456");
~~~
#Options
callback : will be use after an image slide
showmakers : will display you the marker on the waveform
~~~
function myCallback(imageoffset)
{
}
var options = {
showmarkers:true,
callback:myCallback
};
new SCSlideshow("/tracks/123456", options);
~~~