Get live audio and video preview in reactjs - javascript

I am trying to develop a feature like google-meet wherein it let's you test the audio and video by previewing it through audio bar fluctuating as well as input video and testing speaker along with letting you select the appropriate input channels in a react application without using any external sdk or package or library.
Can somebody help me out in the same?
I tried looking up in github and web but no solution so far.

Related

Is there a way to open an HTML5 video in the Native Android Video Player?

I am using Cordova to create an APK.
The Android WebView does not allow scrubbing of HTML5 video.
Is possible to open my app's video in Android's Native Video Player.
The HTML is simple:
<video src="video.mp4"></video>
For the scrubbing issue, I have tried to render the video as an iframe and embedded element but neither have worked.
I have also tried to invoke JS commands on the video. While these work in my browser, they do not work when exported to an APK.
I have also researched related SO posts but found no solidifying answers.
How would you make a call to another app on the device?
I read about using Intent but that appears to be a Native solution, such as developing the app in Android Studio.
you will have to use cordova-plugin-media.
read this documentation https://cordova.apache.org/docs/en/11.x/reference/cordova-plugin-media/index.html
additionally you can also use any freely available jquery media player plugins
for eg. https://videojs.com/

My ear speaker doesn't detected in my Angular app (using enumerateDevices)

I am building a project with Ionic 5 / Angular.
I want to build a voice call app, which needs to access my phone ear speaker, not the loudspeaker.
The problem is when I fetch my device's audio output using enumerateDevices(), I don't find any other audio output besides the default audio output (the loudspeaker itself).
I want to attach the HTMLMediaElement using .setSinkId() to the ear speaker's device ID, but didn't find it. Is there any native plugin or workaround for this? Or is it just my phone that doesn't support it? Currently, I am using Samsung Galaxy A51.
Thank you.
Check this Plugin: Github Repo
NPM : Npm LInk
Usage:
AudioToggle.setAudioMode(AudioToggle.SPEAKER);
// or
AudioToggle.setAudioMode(AudioToggle.EARPIECE);

Activate mobile camera for photo

I am working with a project that what I want to achieve is that from web, android or IOS can activate the camera and take a picture
In addition to this, I keep it in a database, I currently work with MVC, C #, SQL and for the front part with html and JavaScrip
Any suggestions to do it?
Or some example on which I can base
You can do it with a hybride application like Ionic or React and you can manipulate the input of camera and mic with mediaDevices API good luck

UWP WebView: Playing audio when the window is minimized without a source

So currently I am developing an application that I'd of hoped to work on Windows, Xbox, etc.
I am trying to developer a wrapper for a javascript library that plays music. This library does not exist in any other form, and only provides the music as encrypted files. It handles playing the audio, pausing, fetching, etc. To change anything you call js methods.
So I am currently using a hidden UWP webview, with custom js/html to play and pause the audio coming from the js library. I was fiddling around with it and noticed if I minimized it, the audio is stopped from the webview. I cannot set a media source for a backgroundtask as I cannot get the actual source of the audio. That is all handled by the js library.
I am hoping to find a way to use UWP, along with this webview "hack". Am I trying to accomplish the impossible?

Using microphone as input on iBooks Widget or .js game on IOS

I'm converting a Processing Game (that I've made last year) to a widget to embed on iBooks Author.
I do know that we can embed html or javascript on a widget to publish on iBook, but I couldn't find some integrations to use microphone from an iPad in real time using javascript.
Is this possible?
The game is basicly whisper on the microphone to pass a level, like mario bros running.
thanks in advance!
Unfortunately, you can't access the microphone in an HTML widget in iBooks Author. The only workarounds I've found are to create a native iOS app that can access it.

Categories