How can i view a live camera website in my fuse app

How-to Discussions
1

here is the website url: https://appr.tc

and my code:

<Page ux:Class="Pages.WebPage">
	 <Router ux:Dependency="router" />
    <JavaScript>
    	var Observable = require("FuseJS/Observable");
        var WEB_URI = new Observable("https://appr.tc");

        module.exports = { onPageLoaded : function(res) { console.log("WebView arrived at "+ JSON.parse(res.json).url); },WEB_URI:WEB_URI };
    </JavaScript>
    <DockPanel>
        <StatusBarBackground Dock="Top" />
        <NativeViewHost>
            <WebView Dock="Fill" Url="{WEB_URI}">
                <PageLoaded>
                    <EvaluateJS Handler="{onPageLoaded}">
                        var result = { url : document.location.href }; 
                        return result;
                        goBack();
                    </EvaluateJS>
                </PageLoaded>

            </WebView>
        </NativeViewHost>
        <BottomBarBackground Dock="Bottom" />
    </DockPanel>
</Page>

I find this not work, anyone has solution?

Thanks & Best regards

2

Hey,

I tried to reproduce your code and for me, its working fine and I can see a website in the app. Can you explain what exactly isn’t working for you?

3

Hi Arturs

Thanks for your response.
here is what i got in my fuse app webview on my Android device.

Alt text
9GI6h9.png1440×2560

4

In my browser the link asks for permissions to use my camera and microphone which seems a bit fishy. Other thing is that in order for the mobile devices to save battery, browsers disable autoplay on video elements. Maybe you could trigger play on the video element via EvaluateJS or in the page itself, but the user has to accept the use of camera and microphone anyways. What are you trying to accomplish with this app and service?