screen sharing with twilio without extension - web

In my web applicatio i need functionality to share screen in video call. i'm using twilio and
my video call functionality is working fine.
i have seen link from twilio to share screen. (https://www.twilio.com/blog/2018/01/screen-sharing-twilio-video.html)
but i need to develop chrome extension for screen sharing in chrome. is there any way by which i can develop screen sharing without extension ?

Twilio developer evangelist and author of that blog post here.
As described in the blog post, to add screen sharing functionality to your video call in Chrome, you need to create and release an extension. How to build that extension is described in this blog post on screen capture in Chrome.
This is the only way to do it right now.
However, the Chrome team are working on standardising their approach and releasing support for the getDisplayMedia API. This is already supported by Microsoft's Edge browser. It works much the same as getUserMedia:
navigator.mediaDevices.getDisplayMedia().then(returnedStream => {
stream = returnedStream;
document.getElementById('screen').srcObj = stream;
})
Look out for this coming to Chrome soon.

Related

Microsoft Stream video Embed code is not working in IE 10, 11

I have created simple SharePoint Online classic page and embedded a video uploaded in Microsoft Stream using it's Embed code (iframe). This is working properly in Chrome, Edge and FireFox. But when it comes about IE, the embed code wont work and it says "The video could not be found":
However, when i open Microsoft Stream app in IE and play video from there, it gets played successfully:
I have tried almost all solutions that are described e.g. adding stream url in trusted sites etc but no success. Any suggestions for this?
I tried to upload a video using Microsoft Stream and try to embed it in the SharePoint site using an Iframe in IE 11 browser.
Based on my testing result, It is working fine.
Here is the testing result.
I suggest you make a test with any other video to see the result. If the issue persists then try to reset the IE. For testing purposes, try to lower down the security settings and check the issue.
For testing purposes, you can try to add that embed code to HTML page to see if video works in IE or not.

Lightbox Enable in Chrome App/Extension

I have created my first Chrome extension/app and found out that lightboxes do not function inside the app. I created the app from the Google example kiosk app. I'm only using webview in the app and have no other customizations. It just points to a link.
I want to use the app as an auto-launch Kiosk app on a Chromebox. Via this website I found that 'alert' and 'confirm' are a disabled web feature on chrome web apps.
I am wondering if it is possible to enable alert and confirm in the Chrome app so that lightboxes will work when interacting with a website.
Thanks in advance.
Yes you can definitely call alert box inside a chrome extension, just like you would in a normal javasript file as stated in this thread.
chrome.browserAction.onClicked.addListener(
alert("Im an alert box triggered by Chrome Extension")
);
The link you provided suggests that you can create a custom popup/lightbox as a workaround. There's a complete tutorial here.
Happy coding! :)

CLR Browser + Google Hangouts

first post here so I hope I'm not breaking any rules.
So, the situation I'm faced with is a bit complicated. I'm basically trying to login into a hangouts call without having the ability to use the browser itself. I can only insert the URL. Why is that you may ask?
I'm trying to show a hangouts call on my twitch stream using a OBS plugin called CLR browser. This plugin only allows to rezise the window and add a URL from where it'll take information from. It's great for notifications but not so great for what I'm trying to do. But after investigating alot I came to the conclusion that I'm out of options.
I do know you can login to gmail by only using the url like here:
How do I login into Google Apps via a URL?
If, for example I have a hangouts link like this:
https://plus.google.com/hangouts/_/gruxore63cq34fwddtcwwe64raa
Can I add something at the end so it logs in automatically?
Thank you.
Hate to disappoint, but you cannot auto-login using a link. OBS does allow you to screen share a window, though, so you should be able to open your favorite web browser, enter the Hangout, then share the window.
Failing that, XSplit has very flexible screen/region-sharing abilities.
Here's a YouTube video demonstrating exactly how to do this in OBS, and the link is time-coded right to the good-stuff.

How should i go about developing chrome extension like this

A extension that takes a photo and make it into webcam stream. So if i have website requesting access to webcam then this would show up as possible webcam to share with.
I know javascript and a bit of chrome extension api. But i don't know how to go about this.
There is no Chrome extension API that will allow you to create a webcam that will show up in other applications.

Build Chrome Extension that receives voice input

I plan to build a Chrome Extension that allows users to navigate web pages via voice commands.
To do so, I plan to put my speech recognition program on a backend server that connects with clients via Chrome extension.
Is it possible? I know how to develop an extension, but would appreciate if you could show a way of receiving voice input.
You don't need to modify Chrome.
Until the HTML5 tag gets landed in Chrome, your only option right now is to use NPAPI and include the plugin into your Extension. For more information visit this page:
http://code.google.com/chrome/extensions/npapi.html
You would have to implement a JavaScript audio input API using C++ inside Chromium, being aware that you have to transfer data through the sandbox, then once exported you can use the new API in your extension.
A lot of groundwork has already been done on specifying the audio API, read the details over at W3C:
http://chromium.googlecode.com/svn/trunk/samples/audio/specification/specification.html
Which links to details of a special build of Chrome with some already built samples:
http://chromium.googlecode.com/svn/trunk/samples/audio/index.html

Resources