1 files changed, 18 insertions, 2 deletions
diff --git a/app/client/modules/pix2wav/views/pix2wav.live.js b/app/client/modules/pix2wav/views/pix2wav.live.js
index 551bcda..bc34356 100644
--- a/app/client/modules/pix2wav/views/pix2wav.live.js
+++ b/app/client/modules/pix2wav/views/pix2wav.live.js
@@ -3,7 +3,7 @@ import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
 
 import {
-  ParamGroup, Param, Player,
+  ParamGroup, Param, Player, Group,
   Slider, Select, Button, Loading
 } from '../../../common/'
 
@@ -14,6 +14,8 @@ import * as queueActions from '../../../queue/queue.actions'
 import * as pix2wavTasks from '../pix2wav.tasks'
 import * as pix2wavActions from '../pix2wav.actions'
 
+import * as playerActions from '../../../live/player'
+
 class Pix2WavLive extends Component {
   constructor(props){
     super()
@@ -83,7 +85,21 @@ class Pix2WavLive extends Component {
     // console.log('sequence', this.props.opt)
     return (
       <div className='app pix2wav centered'>
-        <Player width={256} height={256} />
+        <div className='row'>
+          <div className='column'>
+            <Player width={256} height={256} />
+          </div>
+          <div className='params column audioParams'>
+            <Group title='Audio playback'>
+              <Button title='Start playback'
+                onClick={() => playerActions.startSynthesizing()}
+              >Start</Button>
+              <Button title='Stop playback'
+                onClick={() => playerActions.stopSynthesizing()}
+              >Stop</Button>
+            </Group>
+          </div>
+        </div>
         <div className='params row'>
           <div className='column'>
             <ParamGroup