Merge pull request #71 from ant-media/pause_feature_for_play

Pause,fullscreen feature for play example

Author: mustafaboleken

example/SampleProject/lib/play.dart

@@ -27,6 +27,8 @@ class _PlayState extends State<Play> {
   final RTCVideoRenderer _remoteRenderer = RTCVideoRenderer();
   List<String> abrList = ['Automatic'];
   bool _inCalling = false;
+  bool _isPaused = false;
+  bool _isFullScreen = false;
 
   _PlayState();
 
@@ -85,7 +87,8 @@ class _PlayState extends State<Play> {
                 _localRenderer.srcObject = null;
                 _remoteRenderer.srcObject = null;
                 _inCalling = false;
-                Navigator.pop(context);
+                _isPaused ? _isPaused : Navigator.pop(context);
+                // Navigator.pop(context);
               });
               break;
             case HelperState.ConnectionOpen:
@@ -172,8 +175,8 @@ class _PlayState extends State<Play> {
                         heroTag: "btn2",
                         onPressed: _hangUp,
                         tooltip: 'Hangup',
-                        child: const Icon(Icons.call_end),
                         backgroundColor: Colors.pink,
+                        child: const Icon(Icons.call_end),
                       ),
                       DropdownButton<String>(
                         items: abrList.map((String value) {
@@ -190,21 +193,60 @@ class _PlayState extends State<Play> {
                       )
                     ]))
             : null,
-        body: OrientationBuilder(builder: (context, orientation) {
-          return Stack(children: <Widget>[
-            Positioned(
-                left: 0.0,
-                right: 0.0,
-                top: 0.0,
-                bottom: 0.0,
-                child: Container(
+        body: OrientationBuilder(
+          builder: (context, orientation) {
+            return Stack(
+              children: <Widget>[
+                _isFullScreen ? Container(
+                  margin: const EdgeInsets.fromLTRB(0.0, 0.0, 0.0, 0.0),
+                  width: MediaQuery.of(context).size.width,
+                  height: MediaQuery.of(context).size.height,
+                  decoration: const BoxDecoration(color: Colors.black54),
+                  child: RTCVideoView(_remoteRenderer,objectFit: orientation == Orientation.portrait ? RTCVideoViewObjectFit.RTCVideoViewObjectFitContain : RTCVideoViewObjectFit.RTCVideoViewObjectFitCover ),
+                ) : Container(
                   margin: const EdgeInsets.fromLTRB(0.0, 0.0, 0.0, 0.0),
                   width: MediaQuery.of(context).size.width,
                   height: MediaQuery.of(context).size.height,
-                  child: RTCVideoView(_remoteRenderer),
                   decoration: const BoxDecoration(color: Colors.black54),
-                )),
-          ]);
-        }));
+                  child: RTCVideoView(_remoteRenderer),
+                ),
+                _isPaused
+                    ? Center(
+                  child: FloatingActionButton(
+                    heroTag: "btn3",
+                    onPressed: () {
+                      setState(() {
+                        _isPaused = false;
+                      });
+                      _connect();
+                    },
+                    tooltip: 'Play',
+                    backgroundColor: Colors.grey.withOpacity(0.6),
+                    child: const Icon(Icons.play_arrow),
+                  ),
+                )
+                    : GestureDetector(
+                  onTap: () {
+                    setState(() {
+                      _isPaused = true;
+                    });
+                    _hangUp();
+                  },
+                  child: Container(
+                    color: Colors.transparent, // Makes the entire screen tappable
+                    width: MediaQuery.of(context).size.width,
+                    height: MediaQuery.of(context).size.height,
+                    alignment: Alignment.center,
+                    child: const Icon(
+                      Icons.pause,
+                      color: Colors.transparent, // Keeps the icon invisible
+                    ),
+                  ),
+                ),
+              ],
+            );
+          },
+        )
+    );
   }
 }