You can find more information in this official blog and the Expo docs. The new experience is really easy to set up and start using. It took me a while to wrap my head around all the new concepts, but I’m really excited!Įssentially, this means that we can now use libraries that contain native code (like Swift and Kotlin) with Expo without having to resort to the bare workflow (which would take away most of the Expo benefits and ease of use). With the release of Expo SDK 42, it’s now possible to customize the native runtime of your apps using custom development clients. If no windows are open we use the activate event to create a new window using our createWindow function.Update 20-March-22: The blog has been updated to work with v4.0.0 of the Agora React Native UIKit. For macOS, we use the window-all-closed event that to quit the app when the window is closed. Returning to events on our Electron app, we have the ready event, which calls the createWindow function. We load the index.html file using the loadFile method on our main browser window. We pass nodeIntegration: true and contextIsolation: false in our webPreferences to support the Agora SDK integration. We write a new function createWindow to spawn a new browser window using the BrowserWindow from Electron. The electron-squirrel-startup module manages the Windows app startup logic. ![]() We’re allowing the use of non-context-aware modules by setting the allowRendererProcessReuse property to false to use the Agora SDK. We’re importing app and BrowserWindow from Electron, and we’re using path from Node. The styling for our app looks like this: body ) We have a simple layout: two buttons for starting and ending the call, and two divs to contain the videos for local and remote users inside the video-container div. The defer tag waits for the page to load before executing the JS. We’re adding a script tag to the tag, with the source set to render.js so that we can load up our application logic. index.html Agora Electron Quickstart Agora Electron Quickstart Start Call Stop Call Local Feed: Remote Feed(s): Our Electron app has four files: index.html is the markup for our app’s elements, index.css handles the styling for our app, render.js contains the application logic for our video call and index.js handles the bootstrapping process of setting up Electron. The project uses electron-forge under the hood to get started with Electron with ease.
0 Comments
Leave a Reply. |