Video propertiesīy default, Simple Screen Recorder uses H.264 video encoding. I recommend using the mp4 format and add timestamps to the file names. Moreover, we can select a video format and whether timestamps should beĪdded to filenames. I would recommend enabling Separate file per segment since this willĪllow you to pause the recording and save each part into a separate file. The next customization window with the following sections:Īs the name implies, here we can choose where and how our videos should be Having configured main video and audio options, click Continue to proceed to In my YouTube setup, I use Samsung Go USB If you choose to have an audio, select source (microphone) Simple Screen Recorder lets you choose whether you would like to have audio in Lastly, you can choose whether you would like Simple Screen Recorder to capture Provides you with the scaling option to scale your video to a higher Specific), feel free to reduce it to ~30.įurthermore, if you have a low screen resolution, Simple Screen Recorder However, if your machine is not very powerful (CPU to be I would recommend setting the frame rate to 60 to get a very Simple Screen Recorder willĪutomatically adjust the frame depending on your machine, but you can alwaysĬhange it. Next, we can set a custom video framerate. Rectangleįollowing the cursor and OpenGL are more advanced settings that are used in some niche cases. The entire screen and sometimes a specific part of the screen. I often found myself using the first two options. Simple Screen Recorder offers four recording options: Video input, as the name suggests, is the section for configuring video settings. This can be useful if you need specific recording settings in other The input profile section allows us to have different recording profiles. TheĬonfiguration window is split into three different categories: Window, making it very easy to configure your recording settings. Since the two buttons we are about to create will be similar to each other, let’s create a widget that has all the properties common to both and add arguments to pass in their unique properties.Upon opening the Simple Screen Recorder, you’ll see the main configuration However, each button will have its own unique icon, text, and color. The buttons will be on the same row, so we’ll use a Row widget.Īll the buttons we’ll use on this page will utilize Flutter’s ElevatedButton widget. First, create a sized box to add some vertical space between the timer text and the two buttons. Next, let’s create two buttons to start recording and stop recording. Style: TextStyle(fontSize: 70, color: Colors.red),Īs we progress, we’ll create a function to pass the timer into the _timerText variable. MainAxisAlignment: MainAxisAlignment.start, We’ll also give the timer text some styling in TextStyle: body: Center( This will have a Text widget as a child, which displays the recording timer. To add a timer feature to our app, let’s add a Container widget to the body of the app. Recorders usually have timers that read for as long as the audio records. We can also add a title for our AppBar: backgroundColor: Colors.black87,ĪppBar: AppBar(title: Text('Audio Recording and Playing')),Īdding UI widgets to the Flutter audio app This gives our page a black background with 87% opacity. Inside its build method, let’s set the background color for our page to Colours.black87. Home: MyHomePage(title: 'Flutter Demo Home Page'),Īll of our code will be inside the MyHomePageState class. You can remove the debug mode banner by setting debugShowCheckedModeBanner to false: return MaterialApp( Open the newly created Flutter application in your preferred code editor and navigate to main.dart. We’ll use two packages in this tutorial: flutter_sound for audio recording and assetsaudio_player for audio playing. To begin, let’s create a new Flutter app with the following command: flutter create appname In this tutorial, we’ll look at how to add audio recording and playing features to a Flutter app so you can create your own audio-based modern apps.īefore continuing with the tutorial, ensure you have the following:Ĭreating and setting up a new Flutter app Seen in music apps, podcasts, games, and notifications, it’s used to dynamically change how we interact and use apps. From apps created to help users record and take notes during meetings or lectures, learn a new language, create podcasts, and more, recording audio has is an ingrained facet of technological life.Īn audio-playing feature is just as important. Recording audio has become a vastly used feature of many modern apps. Creating a Flutter audio player and recorder app I'm skilled in HTML, CSS, JavaScript, Ionic, React, PHP, Laravel, and Flutter. I love creating applications with responsive, beautiful, intuitive, state-of-the-art designs. Samson Omojola Follow I'm an experienced software engineer.
0 Comments
Leave a Reply. |