augments Readme with details to audio-sink-device-id and lists common…

… events

README.md

@@ -16,6 +16,7 @@
 - [Install and setup](#install-and-setup)
 - [API](#api)
   * [Common props](#common-props)
+  * [Common events](#common-events)
   * [AvLine props](#avline-props)
   * [AvBars props](#avbars-props)
   * [AvCircle props](#avcircle-props)
@@ -161,6 +162,14 @@ There are props that are common for all components and special props for each co
         wrapped in "div".
       </td>
     </tr>
+    <tr>
+      <td>audio-sink-device-id</td>
+      <td><code>String</code></td>
+      <td><code>null</code></td>
+      <td>
+        Id of the audio output device to be used as sink. When provided sets audio output device.
+      </td>
+    </tr>
     <tr>
       <td>ref-link</td>
       <td><code>String</code></td>
@@ -227,6 +236,37 @@ There are props that are common for all components and special props for each co
   </tbody>
 </table>
 
+### Common events
+
+<table>
+  <thead>
+    <tr>
+      <th width="150">Name</th>
+      <th>Description</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>playing</td>
+      <td>
+        Emitted when audio starts playing.
+      </td>
+    </tr>
+    <tr>
+      <td>paused</td>
+      <td>
+        Emitted when audio is paused.
+      </td>
+    </tr>
+    <tr>
+      <td>ended</td>
+      <td>
+        Emitted when audio is ended.
+      </td>
+    </tr>
+    </tbody>
+</table>
+
 ### AvLine props
 
 <table>

src/components/AvBase.js

@@ -16,10 +16,10 @@ const props = {
     default: null
   },
   /**
-   * prop: 'audio-sink-id'
-   * Audio element sink id. When provided sets audio element sink id.
+   * prop: 'audio-sink-device-id'
+   * Audio sink device id. When provided sets audio output device.
    */
-  audioSinkId: {
+  audioSinkDeviceId: {
     type: String,
     default: null
   },
@@ -161,8 +161,8 @@ const methods = {
 
     const audio = new Audio()
     audio.srcObject = destination.stream
-    if (this.audioSinkId) {
-      await audio.setSinkId(this.audioSinkId)
+    if (this.audioSinkDeviceId) {
+      await audio.setSinkId(this.audioSinkDeviceId)
     }
     audio.play()
   },