diff --git a/bigbluebutton-html5/imports/ui/components/audio-modal/audio-settings/component.jsx b/bigbluebutton-html5/imports/ui/components/audio-modal/audio-settings/component.jsx
index 1c43e157e62c17573e19b4cd4b8e30fec8f94c94..1421d057657f71cae208a0edf5fe1d2945114663 100755
--- a/bigbluebutton-html5/imports/ui/components/audio-modal/audio-settings/component.jsx
+++ b/bigbluebutton-html5/imports/ui/components/audio-modal/audio-settings/component.jsx
@@ -7,6 +7,7 @@ import ReactDOM from 'react-dom';
 import { callServer } from '/imports/ui/services/api';
 import styles from '../styles.scss';
 
+
 export default class AudioSettings extends React.Component {
   constructor(props) {
     super(props);
@@ -18,6 +19,11 @@ export default class AudioSettings extends React.Component {
   handleClick() {
   }
 
+  playAudioSample() {
+    const snd = new Audio('resources/sounds/audioSample.mp3');
+    snd.play();
+  }
+
   chooseAudio() {
     this.props.changeMenu(this.props.JOIN_AUDIO);
   }
@@ -64,7 +70,7 @@ export default class AudioSettings extends React.Component {
             size={'md'}
             color={'primary'}
             ghost={true}
-            onClick={this.handleClick}
+            onClick={this.playAudioSample}
           /><br />
         </div>
         <div className={styles.half}>
diff --git a/bigbluebutton-html5/public/resources/sounds/audioSample.mp3 b/bigbluebutton-html5/public/resources/sounds/audioSample.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..0eb51e9f1774ee088118d6a78bff6cc0cf5424d4
Binary files /dev/null and b/bigbluebutton-html5/public/resources/sounds/audioSample.mp3 differ