live-tour-lab/components/ltwrap/LTSound.js

Create VR tours. Built on React VR. LiveTourLab is the #1 open source framework and ecosystem for creating Live Tours. Extend with your own VR components in minutes.

import React from 'react';
import {
  asset,
  View,
  Sound,
} from 'react-vr';

// Format: { src: 'sparrow3.mp3', volume: 0.9, rotateY: 60 },

export default class LTSound extends React.Component {
  static defaultProps = {
    src: null, // Sound file source
    volume: 1, // Volume where 0 is silent, 1 is 100%, 2 is 200% of original etc.
    rotateY: 0, // Position of sound [degrees around Y axis]
    rotateX: 0, // Position of sound, default 0 horizontal [degrees around X axis]
  };

  constructor(props) {
    super();
    this.state = {
    };
  }

  render() {
    return (
      <View
        style={{
          transform: [
            {rotateY: this.props.rotateY},
            {rotateX: this.props.rotateX},
            {translate: [0, 0, -4]},
          ],
          position:'absolute',
        }}>
        <Sound
          autoplay={true}
          loop={true}
          volume={this.props.volume}
          source={asset(this.props.src)}
          /* playerState={this.state.playerState} */
        />
      </View>
    );
  }
}