Meeting item to add meetSoundPlay props.

Author: kubraturan

README.md

@@ -656,6 +656,7 @@ import { MeetingItem } from 'react-chat-elements'
 | onCloseClick | none | function | MeetingItem on close click |
 | avatars | none | date | MeetingItem avatars |
 | avatarLimit | 5 | date | MeetingItem avatars limit |
+| meetSoundPlay| null | object | MeetingItem to add sound |
 
 
 ## MeetingList Component

src/MeetingItem/MeetingItem.js

@@ -15,6 +15,32 @@ import classNames from 'classnames';
 
 export class MeetingItem extends Component {
 
+    componentDidMount() {
+        if (this.props.meetSoundPlay && this.props.meetSoundPlay.play)
+            this.playSound();
+    }
+
+    componentWillReceiveProps(nextProps) {
+        if (nextProps.meetSoundPlay) {
+            if (nextProps.meetSoundPlay.play)
+                this.playSound();
+            else
+                this.closeSound();
+        }
+    }
+
+    playSound() {
+        var meetSound = this.refs['meetSound'];
+        meetSound.autoplay = true;
+        meetSound.loop = true;
+    };
+
+    closeSound() {
+        var meetSound = this.refs['meetSound'];
+        meetSound.pause();
+        meetSound.currentTime = 0;
+    }
+
     render() {
         const statusColorType = this.props.statusColorType;
         const AVATAR_LIMIT = this.props.avatarLimit;
@@ -31,6 +57,12 @@ export class MeetingItem extends Component {
                 className={classNames('rce-container-mtitem', this.props.className)}
                 onClick={this.props.onClick}
                 onContextMenu={this.props.onContextMenu}>
+
+                <audio
+                    ref="meetSound"
+                    src={this.props.meetSoundPlay && this.props.meetSoundPlay.src}
+                    autoPlay/>
+
                 <div className="rce-mtitem">
                     <div className="rce-mtitem-top">
                         <div className="rce-mtitem-subject">
@@ -121,6 +153,7 @@ MeetingItem.defaultProps = {
     lazyLoadingImage: undefined,
     avatarLimit: 5,
     avatars: [],
+    meetSoundPlay: null,
     onAvatarError: () => void(0),
     onMeetingClick: () => void(0),
     onShareClick: () => void(0),