Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- _renderVideoControl(){
- var buttonSize = 0.25;
- return(
- <ViroNode position={[0,-0.8,0]} opacity={1.0}>
- <ViroImage
- scale={[1.4, 1.2, 1]}
- position={[0, -0.27,-2.1]}
- source={require("./res/player_controls_container.png")}/>
- <ViroButton
- position={[-buttonSize-0.1,0,-2]}
- scale={[1, 1, 1]}
- width={buttonSize}
- height={buttonSize}
- source={require("./res/previous.png")}
- gazeSource={require("./res/previous_hover.png")}
- tapSource={require("./res/previous_hover.png")}
- onClick={this._playPreviousVideo}/>
- {this._renderPlayControl()}
- <ViroButton
- position={[buttonSize+0.1, 0,-2]}
- scale={[1, 1, 1]}
- width={buttonSize}
- height={buttonSize}
- source={require("./res/skip.png")}
- gazeSource={require("./res/skip_hover.png")}
- tapSource={require("./res/skip_hover.png")}
- onClick={this._playNextVideo}/>
- </ViroNode>
- );
- },
- /**
- * Renders either the play or pause icon depending on video state.
- */
- _renderPlayControl(){
- var buttonSize = 0.25;
- if (this.state.videoPaused){
- return (
- <ViroButton
- position={[0,0,-2]}
- scale={[1, 1, 1]}
- width={buttonSize}
- height={buttonSize}
- source={require("./res/play.png")}
- gazeSource={require("./res/play_hover.png")}
- tapSource={require("./res/play_hover.png")}
- onClick={this._togglePauseVideo}/>
- );
- } else {
- return (
- <ViroButton
- position={[0,0,-2]}
- scale={[1, 1, 1]}
- width={buttonSize}
- height={buttonSize}
- source={require("./res/pause.png")}
- gazeSource={require("./res/pause_hover.png")}
- tapSource={require("./res/pause_hover.png")}
- onClick={this._togglePauseVideo}/>
- );
- }
- },
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement