https://github.com/pysync/queuevideoplayback
smart queue video loading and playback with LoaderMax
https://github.com/pysync/queuevideoplayback
actionscript3 audio-streaming javascript video-streaming
Last synced: 7 months ago
JSON representation
smart queue video loading and playback with LoaderMax
- Host: GitHub
- URL: https://github.com/pysync/queuevideoplayback
- Owner: pysync
- Created: 2018-06-23T03:59:48.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-06-23T08:22:11.000Z (over 7 years ago)
- Last Synced: 2025-01-10T09:39:23.979Z (9 months ago)
- Topics: actionscript3, audio-streaming, javascript, video-streaming
- Language: ActionScript
- Homepage: https://dungntnew.github.io/queuevideoplayback/
- Size: 316 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
[DEMO PAGE](https://dungntnew.github.io/queuevideoplayback/index.html)
### Description
That video player engine is developed with ActionScript 3.0 and some libraries.
(special thank for loadermax of greensock).
There a some main features of that video player is:
1. play multi small parts of one or separted videos with Smooth Scene Transition.
2. allow play BGM sound with seperated channel
3. allow enqueue list of video urls and smart pre-buffer video & sound data.
4. support all play-pause, mute-sound etc in UI.
5. monitor loading info, current scene index etc.. with debug screen.
6. friendly javascript API is exported for programming in your production.
### Guide to play sample pre-compiled video player in your PC
```
$ git clone repo-url
$ git checkout master && git pull
# install simple http server
$ npm install -g http-server
# start simple http server with document root -> current folder
# now you can see demo under url: http://127.0.0.1:8000
$ http-server .
```
### Guide to include video player in your product
```
var flashvars = {
__DEBUG__: false, /* disable debug model */
allowScriptAccess: 'always', /* 念のため */
debugEnable: true, /* in production, need remove this line or set value to fasle */
relativePath: false, /* set value to false to flash-player know all urls we using as absolute */
/* when we want to auto play, we need some params init flash player */
autoPlay: true, /* when we want to play immediate */
useSoundChanel: true, /* when we want to play immediate
Notice(*): to avoid conflig with other sound (BGM)
please set soundURL to empty other do not setting.
*/
soundUrl: "", /*
setup initial start-up sound url [ use for autoPlay ]
Notice(*): this options will override useSoundChanel setting!
*/
movieUrls: JSON.stringify(fullMovieUrls) /* setup initial start-up movie urls - must is json [ use for autoPlay ] */
};
var params = {};
var attributes = {};
swfobject.embedSWF("swf/Main.swf", /* path to we video player */
"preview", /* id of HTML tag we want embed video player */
"100%", "100%",
"9.0.0",
"swf/expressInstall.swf", /* path to expressInstall swf (swfobject) */
flashvars, params, attributes);
$("#play-one-movie-btn-2").click(function(){
var player = document.getElementById("preview");
player.playMovie(movieUrls[1], "");
});
$("#play-multi-movie-btn").click(function(){
var player = document.getElementById("preview");
player.playMultiMovies(movieUrls, soundUrls[0]);
});
$("#change-bgm-btn-1").click(function(){
var player = document.getElementById("preview");
player.setBGM(soundUrls[0]);
});
```
### API & params
#### flash vars
| var | desc |
|:---|---:|
| debugEnable | use for show debug UI, in production, need remove this line or set value to fasle
| autoPlay | when we want to play immediate
| soundUrl | init bgm sound url, used when autoPlay = true
| movieUrls | init queue movie urls, used when autoPlay = true
| relativePath | set value to true to player know all urls we using as relative
| prependURL | auto add prefix url, for example if full url is: http://example.com/todaymovie/assets/movie01.mp4 => prependURL will be: "/todaymovie/assets/"
#### exported method
| method | desc |
|:---|---:|
| playMovie(movieUrl, soundUrl) | play a movie by url
| playMultiMovies(movieUrls, soundUrl) | play queued movies with input is array of url and sound url
| setBGM (bgm url) | change background sound url
### Feferences - Sample Code
### Feferences - Video Editor Engine Components
