title: Third Party Live Video Streaming on Flutter Website
body: <p>I am trying to implementing Live Streaming using third party server and that server only provide rtmp link and stream key .Can anyone suggest any plug-in which can enable me to do live streaming. The RTMP link needs to be played in the web. Please suggest plugin which can help in doing so. I have the IP address and stream key with me.</p>
  <p>Android &amp; IOS:
  we are using plug-in for android &amp; ios</p>
  <p>Dependency: flutter_vlc_player:any
  Code:</p>
  <pre><code>class UILiveShow extends StatefulWidget {
     @override
     State&lt;UILiveShow&gt; createState() =&gt; _UILiveShowState();
  }
  
  class _UILiveShowState extends State&lt;UILiveShow&gt; {
    @override
    void initState() {
      super.initState();
     _controller = VlcPlayerController.network(
        &quot;rtmp://flashcloud.mediacdn.com/live/kontratv&quot;,
        hwAcc: HwAcc.full,
        options: VlcPlayerOptions(
          advanced: VlcAdvancedOptions([
            VlcAdvancedOptions.networkCaching(2000),
          ]),
          subtitle: VlcSubtitleOptions([
          VlcSubtitleOptions.boldStyle(true),
          VlcSubtitleOptions.fontSize(30),
          VlcSubtitleOptions.outlineColor(VlcSubtitleColor.yellow),          
          VlcSubtitleOptions.outlineThickness(VlcSubtitleThickness.normal),
          VlcSubtitleOptions.color(VlcSubtitleColor.navy),
          ]),
          http: VlcHttpOptions([
            VlcHttpOptions.httpReconnect(true),
          ]),
          rtp: VlcRtpOptions([
            VlcRtpOptions.rtpOverRtsp(true),
          ]),
        ),
      );
      _controller!.addOnInitListener(() async {
        await _controller!.startRendererScanning();
      });
      _controller!.addOnRendererEventListener((type, id, name) {
        print('OnRendererEventListener ');
      });
   }
  
   @override
    Widget build(BuildContext context) {
       return VlcPlayer(
           controller: _controller!,
           aspectRatio: 16 / 9,
           placeholder: Center(child: Text(&quot;Loding..&quot;)),
       );
  }
  }
  </code></pre>