Introduction Gemini, Google's most elegant AI, is set to transform industries with its advanced technology and user-friendly solutions. Google's commitment to pushing the boundaries of AI is evident in the development of the Gemini ecosystem. This advanced AI system is designed to handle complex tasks with precision and efficiency, making it a game-changer in the world of artificial intelligence. Businesses across different sectors are leveraging the power of Gemini to streamline operations, improve decision-making processes, and drive growth. By harnessing Google's most capable AI through the Gemini ecosystem, organizations can unlock new opportunities for innovation and stay ahead in today's competitive landscape. As Google continues to refine and expand the capabilities of Gemini, we can expect even more groundbreaking applications that will shape the future of AI technology. The possibilities are endless with Google's most capable AI leading the way towards a s...
In developer meetups, people who develop real-time communication apps often come to us and ask questions regarding volume adjustment. We also receive a lot of inquiries regarding this issue through our mail. In a video call, volume adjustment is required because different people have different levels of volume sensitivity. The same level of volume may be too low or too high for a section of users. It never leads to good user experience, when users desperately search for an option and don't get it. In addition to presenting users the options they admire, it is the responsibility of a video chat app developer to ensure the app they are developing is accessible to people of partial hearing disability. Providing a volume adjustment option means those people will be able to increase the playback volume to a level that suits them. A third reason that necessitates this option is sometimes people might hear noise during video chat. Noises, defined by experts as "unwelcome sound", are not always predictable and at times might result in temporary or permanent damage to the ears. A kidshealth.org article mentions, regular use of earbuds can result in noise-induced hearing loss or NIHL in kids. According to the estimates of the World Health Organization, over 1 B people might lose hearing due to regular use of portable audio devices. It is paramount that a video chat app presents a video adjustment option through which the user can lower the volume or mute it, when necessary, because it's difficult to live without ears in this world that is full of numerous pleasant sounds.
We are going to explain how we can implement this important option in a simple agora video chat app. We will use agora one to one video chat web tutorial repository as the starting point. We modified the app a little bit to modernize it. To be specific, the app uses bundled versions of jquery 2.0.1, bootstrap CSS minified 3.3.4, and agora rtc development version. We used web-hosted versions of jquery minified 3.3.1, bootstrap CSS minified 4.3.1, and agora rtc 2.5.1. We also deleted unnecessary folders and files.
In order to adjust volume, on the front end we used an HTML range input element. The minimum value was 0 and the maximum value was 100. The element is perfect for this use case. It's simple, robust, and user-friendly. We wrote an event handler for change where we used the parseint-ed value from the range element to adjust the volume of the remote stream. We used the setAudioVolume method to adjust the volume. The method takes an integer i.e. the volume level as an argument. To mute the remote user, the user can simply drag the control all the way to the left. You can also consider having a button specifically for muting and unmuting the remote stream. It can have a click event handler that will call the setAudioVolume method with 0 or the saved value.
The writer is a member of #beta-developers Agora slack channel, a veteran in Agora All Stars and has been in the top 10 globally in the leaderboard of Agora.io advocates (1st, Mar 2, 2019, 12:50 AM IST).
We are going to explain how we can implement this important option in a simple agora video chat app. We will use agora one to one video chat web tutorial repository as the starting point. We modified the app a little bit to modernize it. To be specific, the app uses bundled versions of jquery 2.0.1, bootstrap CSS minified 3.3.4, and agora rtc development version. We used web-hosted versions of jquery minified 3.3.1, bootstrap CSS minified 4.3.1, and agora rtc 2.5.1. We also deleted unnecessary folders and files.
In order to adjust volume, on the front end we used an HTML range input element. The minimum value was 0 and the maximum value was 100. The element is perfect for this use case. It's simple, robust, and user-friendly. We wrote an event handler for change where we used the parseint-ed value from the range element to adjust the volume of the remote stream. We used the setAudioVolume method to adjust the volume. The method takes an integer i.e. the volume level as an argument. To mute the remote user, the user can simply drag the control all the way to the left. You can also consider having a button specifically for muting and unmuting the remote stream. It can have a click event handler that will call the setAudioVolume method with 0 or the saved value.
The writer is a member of #beta-developers Agora slack channel, a veteran in Agora All Stars and has been in the top 10 globally in the leaderboard of Agora.io advocates (1st, Mar 2, 2019, 12:50 AM IST).
Image credit: Microsoft Edge, unsplash.com