How to Create a Single Page App for the 24/7 Live Streaming Purpose?

Creating a mobile app for your live streams is simple and same as creating an IPTV mobile app.

To create a single page app for your live streaming

  • You have to create a stream group for your streaming channel in MultiCDN settings.
stream group
  • And then in APK Builder, under SPA- Live Streaming, click on the “Create an app” button.
single page app
  • In the app creation form, give your app name, display name, and app description.

Note:  In App Name, there shouldn’t be any space or special characters given.

  • In the Server URL, the app creation form will automatically read your server URL and display it on the bar.
  • Then in Stream Group ID, give the stream ID you have created in the MultiCDN settings.
  • Now browse and set your app icon and logo.
  • Finally, click on the “Generate App”.
Livebox single page app to build app
  • Your app creation process begins and when it says at the end like “Click the below button to edit the files”, click on the “Edit Files” button below.
build apps using Livebox single page app
  • Now you have to undergo few settings that involve replacing the custom values in the index.html and theme.css editor pages.
  • In the index.html code editor, you can replace the custom values of address, contact, E-mail, website with your company details.
  • In theme.css code editor, you can change the theme background of your mobile app template.
Livebox single page app
  • And when you select any one of the options to edit the custom values or background theme, you can see your mobile app design on the right side.
single page for building apps
  • You can change the values and click the “Update Files” button.

Note:  In the index.html box code editor, scroll down to find the custom values in the flower brackets (e.g., {{phone number}} as 9876543210) and replace with your company details.

  • And as you replace the values, you can see the changes in the design template.
Single page app for building live streaming apps
  • While changing the color background in the theme.css code editor, you can give the color code in between # and ; and then give “Update File”.
single page for live streaming apps
  • Once after changing the custom values and the template design, you click on the “Generate APK” to download your app.
  • The app gets downloaded in the zip file format. And after extracting the file from your PC downloads, you can upload the app on the play store.
live streaming apps
  • You can use the Release.apk file to upload your app on the play store.
  • And the testing.apk file can be used when you want to test the app on your device.

Comments

Post a Comment

Popular posts from this blog

How to Live Stream a 360-degree Source using Livebox?

Image
The Livebox  streaming  server supports the live streaming of the  360-degree camera  and its source. So, to live stream a 360-degree source in Livebox you can’t do in the regular streaming way, as you have to enable a few settings in the player settings. To Live stream a 360-degree source, Login Livebox. From the Livebox dashboard, go to  Channel Settings . In Channel Settings, go to the  Player Settings .   In Player Settings, turn On the  Video360  setting. Then click the “Save” button beneath the player on the right side. Now make sure that you have connected your 360-degree camera to the encoder. Then stream the video source captured to the channel you have enabled the Video360 setting using the RTMP URL of the same channel. To preview your source go the Dashboard and click on the player and navigate to the other sides captured by your 360-degree camera. Happy 360-degree Live  Streaming!
Read more

How to Set Up the Livebox Internet Bonding Device?

Image
Double, triple, quadruple your Internet speed by using the   Livebox   Internet Bonding device. If you are facing network failover or if you want to maintain the bandwidth robustness while on live, you can gallop your current Internet connections to new speeds by using this bonding device. To initially set up your Livebox Bonding device, Turn On the Livebox Internet  Bonding   device . And access the device interface on your PC using the IP 192.168.95.1. On the device interface, pick up the Device ID and Hardware Key and send it to the IVB7 support team through Email. The IVB7 support team, in turn, will send you the License Key. So, after entering the License Key, you can click Save. Now you will be taken to the Livebox Bonding device login interface and you can login. (The IVB7 team will provide you the login credentials) Back on your system interface, you have to reboot the server first. Then go to “Settings” to configure your Bonding device. To configure the...
Read more

How to Conduct Transcoding Using OBS Studio as an Encoder?

Image
Adaptive bitrate streaming (Transcoding) is available only in the higher-end versions of Livebox. To Transcode using OBS, Keep your streaming channels ready i.e., output channel and input channel. Now under  Manage Channels , go to  Transcoding . A  Transcoding  page opens up and you can select your “Input” channel by clicking the drop-down menu given in the “Select Channel” option. In  Output Channels , select the channel where the video has to be transcoded. Then give turn on near transcoding. Once you give the turn on, new options for transcoding shows up, where you can set the “Preset”. And then click “Save”. Note:   Livebox will generate both Transcode Output URL and Transcode Embed Code. After clicking save, give “Service Restart” to get your changes applied. Then go to  OBS studio  and click the add icon from the tab “Source”. A pop-up menu with the listed options will show up. From the listed options select “Media source”. A dial...
Read more