[WIP] - Selecting an audio output (flutter-webrtc#422)

* Initial code

* FIX - enumerateDevices cast
Example - Add list audiooutputs for native.

Author: wer-mathurin

example/lib/src/get_user_media_sample.dart

@@ -23,6 +23,8 @@ class _GetUserMediaSampleState extends State<GetUserMediaSample> {
   MediaRecorder _mediaRecorder;
   bool get _isRec => _mediaRecorder != null;
 
+  List<MediaDeviceInfo> _mediaDevicesList;
+
   @override
   void initState() {
     super.initState();
@@ -60,6 +62,7 @@ class _GetUserMediaSampleState extends State<GetUserMediaSample> {
 
     try {
       var stream = await navigator.getUserMedia(mediaConstraints);
+      _mediaDevicesList = await navigator.mediaDevices.enumerateDevices();
       _localStream = stream;
       _localRenderer.srcObject = _localStream;
     } catch (e) {
@@ -172,6 +175,21 @@ class _GetUserMediaSampleState extends State<GetUserMediaSample> {
                   icon: Icon(_isRec ? Icons.stop : Icons.fiber_manual_record),
                   onPressed: _isRec ? _stopRecording : _startRecording,
                 ),
+                PopupMenuButton<String>(
+                  onSelected: _selectAudioOutput,
+                  itemBuilder: (BuildContext context) {
+                    return _mediaDevicesList
+                        .where((device) => device.kind == 'audiooutput')
+                        .map((device) {
+                      if (device.kind == 'audiooutput') {
+                        return PopupMenuItem<String>(
+                          value: device.deviceId,
+                          child: Text(device.label),
+                        );
+                      }
+                    }).toList();
+                  },
+                ),
               ]
             : null,
       ),
@@ -195,4 +213,8 @@ class _GetUserMediaSampleState extends State<GetUserMediaSample> {
       ),
     );
   }
+
+  void _selectAudioOutput(String deviceId) {
+    _localRenderer.audioOutput = deviceId;
+  }
 }

example/lib/src/get_user_media_sample_web.dart

@@ -4,7 +4,6 @@ import 'dart:html' as html;
 
 import 'package:flutter/material.dart';
 import 'package:flutter_webrtc/flutter_webrtc.dart';
-import 'package:flutter_webrtc/src/interface/mediadevices.dart';
 
 /*
  * getUserMedia sample

lib/flutter_webrtc.dart

@@ -4,6 +4,7 @@ export 'src/helper.dart';
 export 'src/interface/enums.dart';
 export 'src/interface/media_stream.dart';
 export 'src/interface/media_stream_track.dart';
+export 'src/interface/mediadevices.dart' hide MediaDevices;
 export 'src/interface/rtc_data_channel.dart';
 export 'src/interface/rtc_dtmf_sender.dart';
 export 'src/interface/rtc_ice_candidate.dart';

lib/src/helper.dart

@@ -19,6 +19,14 @@ class Helper {
   static Future<List<MediaDeviceInfo>> get cameras =>
       enumerateDevices('videoinput');
 
+  /// Return the available audiooutputs
+  ///
+  /// Note: Make sure to call this gettet after
+  /// navigator.mediaDevices.getUserMedia(), otherwise the devices will not be
+  /// listed.
+  static Future<List<MediaDeviceInfo>> get audiooutputs =>
+      enumerateDevices('audiooutput');
+
   /// To select a a specific camera, you need to set constraints
   /// eg.
   /// constraints = {

lib/src/interface/rtc_video_renderer.dart

@@ -55,6 +55,9 @@ abstract class VideoRenderer extends ValueNotifier<RTCVideoValue> {
   bool get muted;
   set muted(bool mute);
 
+  ///Return true if the audioOutput have been succesfully changed
+  Future<bool> audioOutput(String deviceId);
+
   bool get renderVideo;
   int get textureId;
 

lib/src/native/mediadevices_impl.dart

@@ -63,12 +63,14 @@ class MediaDeviceNative extends MediaDevices {
   @override
   Future<List<MediaDeviceInfo>> enumerateDevices() async {
     var _source = await getSources();
-    return _source.map(
-      (e) => MediaDeviceInfo(
-          deviceId: e['deviceId'],
-          groupId: e['groupId'],
-          kind: e['kind'],
-          label: e['label']),
-    );
+    return _source
+        .map(
+          (e) => MediaDeviceInfo(
+              deviceId: e['deviceId'],
+              groupId: e['groupId'],
+              kind: e['kind'],
+              label: e['label']),
+        )
+        .toList();
   }
 }

lib/src/native/rtc_video_renderer_impl.dart

@@ -1,6 +1,7 @@
 import 'dart:async';
 
 import 'package:flutter/services.dart';
+import 'package:flutter_webrtc/flutter_webrtc.dart';
 
 import '../interface/media_stream.dart';
 import '../interface/rtc_video_renderer.dart';
@@ -91,10 +92,27 @@ class RTCVideoRendererNative extends VideoRenderer {
   bool get renderVideo => srcObject != null;
 
   @override
-  bool get muted => throw UnimplementedError();
+  bool get muted => _srcObject?.getAudioTracks()[0]?.muted ?? true;
 
   @override
   set muted(bool mute) {
-    throw UnimplementedError();
+    if (_srcObject == null) {
+      throw Exception('Can\'t be muted: The MediaStream is null');
+    }
+    if (_srcObject.ownerTag != 'local') {
+      throw Exception(
+          'You\'re trying to mute a remote track, this is not supported');
+    }
+    if (_srcObject.getAudioTracks()[0] == null) {
+      throw Exception('Can\'t be muted: The MediaStreamTrack is null');
+    }
+
+    Helper.setMicrophoneMute(mute, _srcObject.getAudioTracks()[0]);
+  }
+
+  @override
+  Future<bool> audioOutput(String deviceId) {
+    // TODO(cloudwebrtc): related to https://github.com/flutter-webrtc/flutter-webrtc/issues/395
+    throw UnimplementedError('This is not implement yet');
   }
 }

lib/src/rtc_video_renderer.dart

@@ -24,6 +24,8 @@ class RTCVideoRenderer {
 
   set muted(bool mute) => _delegate.muted = mute;
 
+  set audioOutput(String deviceId) => _delegate.audioOutput(deviceId);
+
   set srcObject(MediaStream stream) => _delegate.srcObject = stream;
 
   int get textureId => _delegate.textureId;

lib/src/web/rtc_video_renderer_impl.dart

@@ -1,5 +1,6 @@
 import 'dart:async';
 import 'dart:html' as html;
+import 'dart:js_util' as jsutil;
 
 import 'package:flutter/services.dart';
 
@@ -163,4 +164,19 @@ class RTCVideoRendererWeb extends VideoRenderer {
     _videoElement.load();
     return super.dispose();
   }
+
+  @override
+  Future<bool> audioOutput(String deviceId) async {
+    try {
+      if (jsutil.hasProperty(_videoElement, 'setSinkId')) {
+        await jsutil.promiseToFuture<void>(
+            jsutil.callMethod(_videoElement, 'setSinkId', [deviceId]));
+
+        return true;
+      }
+    } catch (e) {
+      print('Unable to setSinkId: ${e.toString()}');
+    }
+    return false;
+  }
 }