Duplicate Video Feed

Vuyiswa Maseko 351

Good Day

i am using Webrtc to show live feed via Webview . The Video feed show the feed but the problem is that it shows two Videos like this

and my html is defined like this

           <style>  
                   
            .center-screen {  
                position: fixed;  
                top: 40%;  
                left: 50%;  
                transform: translate(-50%, -50%);  
            }  
               
            .video {  
                height: 100%;   
                border: solid 5px brown;  
                float: left;  
                position: relative;  
                   
            }  
     
             
      
           
        </style>  
    </head>  
    <body bgcolor="#9A4531">  
        <form id="form1" runat="server">   
            <div class="center-screen" id="livewindow"  >   
               <div class="video" id="videos-container"></div>  
               <img src="../images/nosignaltv.jpg" id="imgnosignal"   style="height:100%"/>   
            </div>         
        
       
        <script src="../js/jquery-1.11.3.min.js"></script>  
        <script>  
            $(document).ready(function ()  
            {  
                var connection = new RTCMultiConnection();  
                var channelid = getUrlVars()["channel_token"];   
                connection.socketURL = 'https://mysignalrServer/';  
             
                connection.session = {  
                    video: false,  
                    data: true  
                };  
             
                   
                connection.socketCustomParameters = '&extra=' + JSON.stringify(connection.extra);  
                connection.join(channelid, function (isRoomOpened, roomid, error)  
                {  
                    if (isRoomOpened === true)  
                    {    
                        $("#imgnosignal").hide();  
                        $("#videos-container").show();  
                    }  
                    else  
                    {  
                        if (error === 'Room not available')  
                        {  
                              
                            $("#imgnosignal").show();  
                            $("#videos-container").hide();  
      
                            //alert('Someone already created this room. Please either join or create a separate room.');  
      
                            return;  
                        }  
                        alert(error);  
                    }  
                });  
      
                connection.videosContainer = document.getElementById('videos-container');   
               
        });   
    </script>   
   
    <script src="../js/common.js"></script>   
    
    </form>  
</body>  
</html>

when i run this on the page itself i only see one video feed, but when its running through webview in Xamarin it shows me tow Video controls

Thanks

Wenyan Zhang (Shanghai Wicresoft Co,.Ltd.) 26,316 Reputation points Microsoft Vendor

2022-09-30T09:07:09.727+00:00

Hi @Vuyiswa Maseko , I checked the html, there is one video. And I did a test with webview, there is only one media on my screen. It happens on Android, right? Could you provide some code snippets about your Page (Xaml file) and more details about how you load the webview? As noted in the Q&A FAQ: How to write a quality question

Vuyiswa Maseko 351

Good Day Thanks for the reply , here is my definition

<StackLayout>  
    <WebView x:Name="webLive" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand"></WebView>  
</StackLayout>

and the code behind

  public Live(string ChannelToken)  
        {  
            InitializeComponent();  
  
             ChannelToken = "AA7ED24C-9DFF-4C60-8B06-96EAFB749BB1";  
  
            webLive.Source = "https://www.trovadating.com/Webview/Live_webview.aspx?channel_token=" + ChannelToken;  
               
        }

Thanks

Leon Lu (Shanghai Wicresoft Co,.Ltd.) 68,571 Reputation points Microsoft Vendor

2022-10-06T07:51:12.13+00:00

You can test it with No signal status, can you get two images?