1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- import { UIPanel } from './libs/ui.js';
- import { APP } from './libs/app.js';
- function Player( editor ) {
- const signals = editor.signals;
- const container = new UIPanel();
- container.setId( 'player' );
- container.setPosition( 'absolute' );
- container.setDisplay( 'none' );
- //
- const player = new APP.Player();
- container.dom.appendChild( player.dom );
- window.addEventListener( 'resize', function () {
- player.setSize( container.dom.clientWidth, container.dom.clientHeight );
- } );
- signals.windowResize.add( function () {
- player.setSize( container.dom.clientWidth, container.dom.clientHeight );
- } );
- signals.startPlayer.add( function () {
- container.setDisplay( '' );
- player.load( editor.toJSON() );
- player.setSize( container.dom.clientWidth, container.dom.clientHeight );
- player.play();
- } );
- signals.stopPlayer.add( function () {
- container.setDisplay( 'none' );
- player.stop();
- player.dispose();
- } );
- return container;
- }
- export { Player };
|