update.

Author: cloudwebrtc

.gitignore

@@ -19,3 +19,4 @@ doc/api/
 *.js_
 *.js.deps
 *.js.map
+.DS_Store

lib/src/media_devices.dart

@@ -44,9 +44,7 @@ class MediaDevices {
     }
   }
 
-  Future<MediaStream> getUserMedia(
-      MediaStreamConstraints mediaStreamConstraints,
-      {MediaStreamConstraints constraints}) async {
+  Future<MediaStream> getUserMedia({MediaStreamConstraints constraints}) async {
     try {
       var jsStream =
           await promiseToFuture<MediaStreamJs>(_js.getUserMedia(constraints));

lib/src/rtc_data_channel.dart

@@ -3,8 +3,6 @@ library dart_webrtc;
 
 import 'package:js/js.dart';
 
-import 'enums.dart';
-
 @JS()
 class RTCDataChannel {
   external int get id;
@@ -27,8 +25,6 @@ class RTCDataChannel {
   external set onclosing(Function() func);
   external set onclose(Function() func);
   external set onmessage(Function(RTCDataChannelMessage message) func);
-
-  RTCDataChannelState get state => rtcDataChannelStateForString(readyState);
 }
 
 @JS()

lib/src/rtc_rtp_parameters.dart

@@ -76,10 +76,6 @@ class RTCRtpEncoding {
   /// SSRC to be used by this encoding.
   /// Can't be changed between getParameters/setParameters.
   external int get ssrc;
-
-  Map<String, dynamic> toMap() {
-    return {};
-  }
 }
 
 @JS()

lib/src/video_element.dart

@@ -2,9 +2,7 @@
 library dart_webrtc;
 
 import 'dart:html' as html;
-
 import 'package:js/js.dart';
-
 import 'media_stream.dart';
 
 class RTCVideoElement {
@@ -14,14 +12,11 @@ class RTCVideoElement {
       ..muted = false
       ..controls = false
       ..style.objectFit = 'contain'
-      ..style.border = 'none'
-      ..id = 'dart-webrtc-video-${_idx++}';
+      ..style.border = 'none';
 
     // Allows Safari iOS to play the video inline
     _html.setAttribute('playsinline', 'true');
   }
-  static int _idx = 0;
-  Element _rtc;
   MediaStream _stream;
 
   html.VideoElement _html;
@@ -32,8 +27,7 @@ class RTCVideoElement {
 
   set srcObject(MediaStream stream) {
     _stream = stream;
-    _rtc = querySelector('#${_html.id}');
-    _rtc.srcObject = _stream?.js;
+    _html.srcObject = convertToHtmlMediaStream(stream);
   }
 
   int get videoWidth => _html.videoWidth;
@@ -66,10 +60,10 @@ class RTCVideoElement {
   void removeAttribute(String name) => _html.removeAttribute(name);
 }
 
-@JS('Element')
-abstract class Element {
-  external set srcObject(MediaStreamJs stream);
+html.MediaStream convertToHtmlMediaStream(MediaStream jsStream) {
+  var htmlStream = html.MediaStream();
+  jsStream.getTracks().forEach((track) {
+    htmlStream.addTrack(track as html.MediaStreamTrack);
+  });
+  return htmlStream;
 }
-
-@JS('window.document.querySelector')
-external Element querySelector(String id);

pubspec.yaml

@@ -9,11 +9,11 @@ environment:
 dependencies:
   js: ^0.6.2
 #  path: ^1.7.0
-  protoo_client: ^0.3.0
-  http: any
-  test: ^1.15.4
 
 dev_dependencies:
   build_runner: ^1.10.0
   build_web_compilers: ^2.11.0
-  pedantic: ^1.9.0
+  pedantic: ^1.9.0
+  protoo_client: ^0.3.0
+  http: any
+  test: ^1.15.4

web/main.dart

@@ -9,17 +9,19 @@ import 'test_peerconnection.dart' as peerconnection_tests;
 import 'test_video_element.dart' as video_elelment_tests;
 
 void main() {
+  /*
   video_elelment_tests.testFunctions.forEach((Function func) => func());
   media_devices_tests.testFunctions.forEach((Function func) => func());
   media_stream_tests.testFunctions.forEach((Function func) => func());
   media_stream_track_tests.testFunctions.forEach((Function func) => func());
   peerconnection_tests.testFunctions.forEach((Function func) => func());
+  */
+  loopBackTest();
 }
 
 void loopBackTest() async {
   var local = html.document.querySelector('#local');
-  RTCVideoElement localVideo;
-  localVideo = RTCVideoElement();
+  var localVideo = RTCVideoElement();
   local.append(localVideo.htmlElement);
 
   var list = await navigator.mediaDevices.enumerateDevices();