React native

Music & Video streaming

App templates

Mobile

Framework

Soft-type



<p>Build your awesome React Native app from this <strong>easy to use</strong> app template.</p>


	<p><strong>CHANGELOG</strong></p>


	<p>Update 1.1.0 | 04/13/2021</p>


	<p>1 &#8211; Added background play and notifications tray action bar with play/pause/stop functions</p>


	<p><strong>BUYER (read before you buy)</strong></p>


	<p>Before you buy this app template, you should know this:</p>


	<p>1 &#8211; You must have React Native knowledge or you must be inclined to learn it</p>


	<p>2 &#8211; You need to be able to install React Native and its dependencies on your machine. To do that I recommend you to use the React Native official installation guide <a rel="nofollow noopener" target="_blank" href="https://facebook.github.io/react-native/">here</a></p>


	<p>3 &#8211; In order to modify the app template, you must have knowledge in mobile technologies such as JavaScript, Android Studio, XCode</p>


	<p><strong>SETUP</strong></p>


	<p>To setup your project I&#8217;ve developed a document with step-by-step instructions.
This document is located inside the app docs folder (&#8220;{projectName}/docs/index&#8221;). To see the instructions you just need to <strong>open it on your web browser</strong>.</p>


	<p><strong>FEATURES</strong></p>


	<p>1 &#8211; Radio player</p>


	<p>2 &#8211; Background play</p>


	<p>3 &#8211; Notifications tray action bar with play/pause/stop</p>


	<p>4 &#8211; Play/pause function</p>


	<p>5 &#8211; Volume slider</p>


	<p>6 &#8211; Easy to implement and use</p>


	<p>7 &#8211; Well documented code to help you start</p>


	<p>8 &#8211; Organized and clean code to help you understand</p>


	<p>9 &#8211; Beautiful components like buttons and alerts, totally customizable</p>


	<p>10 &#8211; Simple and cool grid view</p>


	<p>11 &#8211; Work over WiFi and 3g</p>


	<p>Please contact me via e-mail if you have any trouble and/or feedback. I&#8217;ll be there to help your entire setup! See you soon.</p>


	<p><strong>E-MAIL</strong>
<a rel="nofollow noopener" target="_blank" href="mailto:p.tupinambas@gmail.com">p.tupinambas@gmail.com</a></p>


	<p><strong>SKYPE</strong>
live:p.tupinambas</p>


	<p><strong>TWITTER</strong>
@p_tupinambas</p>

React Native Online Radio React native Music &amp; Video streaming Mobile App template

React Native Online Radio



<p><strong>XXXXX THIS ITEM HAS NO LONGER SUPPORT XXXXX</strong>
</p><p>Radio player app is used for listen online radio. Here is fast streaming feature. Main feature is radio is playing in background mode so you can use your mobile while radio is playing.</p>
<p><strong>ADVANTAGE OF THIS APP :</strong></p>
<ul>
<li>Android and iOS compatible source code</li>
<li>100% iPhone and Android compatible</li>
<li>Splash Screen</li>
<li>Attractive Bottom menu</li>
<li>Contact form</li>
<li>Background streaming playback</li>
<li>Volume Bar</li>
<li>Play, Pause and Stop icon</li>
<li>The channels are loaded via array</li>
<li>Channel minimize view</li>
<li>Simple and attractive Grid view</li>
<li>One signal included.</li>
<li>Work over WiFi and 3G/4G</li>
<li>Material integration</li>
<li>Clean code</li>
</ul>
<p> </p>
<p><strong>YOU WILL GET IN APP :</strong></p>
<ul>
<li>This is a React native app which basic functionality is to Listen online radio.</li>
<li>In start of application there is nice splash screen with logo.</li>
<li>This app mainly used for background play.</li>
<li>With this app you can start streaming/listening on your mobile device from radio station around the world.</li>
<li>React Radio player include a fresh and all device compatible design view.</li>
<li>According to the design, you can easily modify the colors of the player and design with just little knowledge of CSS in react native.</li>
<li>You can add all radio stations in json/array with it&#8217;s URL then start listen radio with fast streaming feature.</li>
<li>Also in app you will get ready static contact form design.</li>
<li>The best advantage is this is React native app so you can install it in android and iOS device easily.</li>
<li>App includes Bottom menu which is compatible in landscape and portrait mode.</li>
<li>Ready APK for testing <a rel="nofollow noopener noreferrer" target="_blank" href="https://www.reactiveweb.in/radio-player/radioplayer.apk">DOWNLOAD APK</a>.</li>
</ul>
<p> </p>
<p><strong>For Buyer (Read before you buy):</strong></p>
<ul>
<li>You must need knowledge of React native.</li>
<li>In order to modify the app you need to have knowledge in Mobile technologies such as React native, javascript, Android studio, Xcode.</li>
<li>You also need to be able to install React native and its dependencies on your machine. We recommend you to use the React native official installation guide <a rel="nofollow noopener noreferrer" target="_blank" href="https://facebook.github.io/react-native/">https://facebook.github.io/react-native/</a></li>
<li>You can edit menu name from &#8216;Source/Global/Tab/tab.js&#8217;.</li>
<li>You can edit Radio station URL and image from &#8216;Source/View/Home/home.js&#8217;.</li>
<li>You must have Latest android studio version 3.2.1</li>
<li>You must have minimum Xcode version 9.4.1</li>
<li>Here is the path &#8217;/ios/radioplayer/AppDelegate.m&#8217; with options that you want to debug in simulator which using same internet as laptop OR run in device without NPM.
<ul>
<li>
 For run in simulator OPEN[uncomment] this line : //jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@&#8221;index&#8221; fallbackResource:nil]; 
</li>
<li>
 For run in device without NPM you should OPEN[uncomment] this line :   jsCodeLocation = [[NSBundle mainBundle] URLForResource:<code>"main" withExtension:</code>&#8220;jsbundle&#8221;]; 
</li>
<li>
 anytime just one line is commented and another line is uncommented. 
</li>
</ul>
</li>
<li>You must have knowledge of Apple APP store guidelines for upload an APP.</li>
</ul>
<p> </p>
<p><strong>Excellent Customer Support :</strong> </p>
<ul>
<li>You can use my 24&#215;7 support where I do quickly answer your questions.</li>
<li>For Reskin and upload to the Play/App store you can contact me anytime. Just in $50.</li>
<li>Free Lifetime Updates.</li>
<li>Get all the new features free.</li>
</ul>

React native Radio player for iOS and android React native Music &amp; Video streaming Mobile App template

React native Radio player for iOS and android



<p>Vida is a modern, well crafted Video Chat React Native template that can help you create a next hit video chat mobile app, within it, you can sell custom gifts and other items you like to sell to your users.</p>
<p>This template is well organized using custom components and constants, with one change, you can see the effect to entire app &#8211; be it colors or font family.</p><p>
</p><p>Easy to understand documentation found here</p>
<p>To see a demo in your Android Phone, download and install Expo app on playstore or <a rel="nofollow noopener noreferrer" target="_blank" href="https://play.google.com/store/apps/details?id=host.exp.exponent">click here</a> then scan the qr-code below with Expo app</p>
<p><img src="/imgproxy/2020/05/1589886661_647_Vida-React-Native-Template.png" alt="Vida React Native Template - 1" /></p>
<p><img src="/imgproxy/2020/05/Vida-React-Native-Template.jpg" alt="Vida React Native Template - 2" /></p>
<p><img src="/imgproxy/2020/05/1589886662_226_Vida-React-Native-Template.jpg" alt="Vida React Native Template - 3" /></p>
<p><img src="/imgproxy/2020/05/1589886662_506_Vida-React-Native-Template.jpg" alt="Vida React Native Template - 4" /></p>
<p><img src="/imgproxy/2020/05/1589886662_903_Vida-React-Native-Template.jpg" alt="Vida React Native Template - 5" /></p>
<p><img src="/imgproxy/2020/05/1589886662_683_Vida-React-Native-Template.jpg" alt="Vida React Native Template - 6" /></p>

<p>For Customisation or custom app development (available for hire &#8211; full stack developer starting at $15 per hour), quickly click <a rel="nofollow noopener noreferrer" target="_blank" href="https://wa.me/255629007763">here</a> to chat with me on Whatsapp or visit my official site <a rel="nofollow noopener noreferrer" target="_blank" href="https://takeer.com">takeer.com</a></p>
<p>To discover other mobile templates and scripts i add weekly, please visit CodeOnFly Shop</p>

Vida React Native Template React native Music &amp; Video streaming Mobile App template

Vida React Native Template



<p>Samneang Music React Native Template is a concept of a musical app realized with the React-native and Javascript component technologies build into real native app for iOS and Android. 
it&#8217;s supported localization all text label used in one files only so easy to change use your own text label.</p>


<h4 id="item-description__-featured"> <strong> Featured </strong> </h4>
<ul>
<li>Library </li>
<li>Filter</li>
<li>Discover</li>
<li>Radio </li>
<li>Search </li>
<li>Settings</li>
<li>Music List</li>
<li>Artists List</li>
<li>Albums List </li>
<li>Playlists List </li>
<li>Player </li>
<li>Mini Player</li>
<li>Supported localization</li>
<li>Use global styles in themes folder easy to change color</li>
<li>Latest version react native </li>
</ul>
<h4 id="item-description__-files-included-in-the-purchased-zip"> <strong> Files included in the purchased ZIP: </strong> </h4>
<ul>
<li>Documentation </li>
<li>React Native JS Files </li>
</ul>

	<p><img src="/imgproxy/2020/05/Sameang-Music-React-Native-Template.png" alt="Sameang Music React Native Template - 1" />
<img src="/imgproxy/2020/05/1589886246_712_Sameang-Music-React-Native-Template.png" alt="Sameang Music React Native Template - 2" />
<img src="/imgproxy/2020/05/1589886247_160_Sameang-Music-React-Native-Template.png" alt="Sameang Music React Native Template - 3" />
<img src="/imgproxy/2020/05/1589886247_673_Sameang-Music-React-Native-Template.png" alt="Sameang Music React Native Template - 4" />
<img src="/imgproxy/2020/05/1589886247_513_Sameang-Music-React-Native-Template.png" alt="Sameang Music React Native Template - 5" />
<img src="/imgproxy/2020/05/1589886247_763_Sameang-Music-React-Native-Template.png" alt="Sameang Music React Native Template - 6" />
<img src="/imgproxy/2020/05/1589886248_971_Sameang-Music-React-Native-Template.png" alt="Sameang Music React Native Template - 7" />
<img src="/imgproxy/2020/05/1589886248_565_Sameang-Music-React-Native-Template.png" alt="Sameang Music React Native Template - 8" />
<img src="/imgproxy/2020/05/1589886248_453_Sameang-Music-React-Native-Template.png" alt="Sameang Music React Native Template - 9" />
<img src="/imgproxy/2020/05/1589886248_92_Sameang-Music-React-Native-Template.png" alt="Sameang Music React Native Template - 10" />
<img src="/imgproxy/2020/05/1589886249_129_Sameang-Music-React-Native-Template.png" alt="Sameang Music React Native Template - 11" /></p>


We may not respond to comments or provide support during holidays and weekend ( Saturday- Sunday)
<ul>
<li>Working days: Monday to Friday</li>
<li>Business Hours: 9:00 PM to 6:00 PM</li>
<li>Time Zone: Cambodia (GMT+7)</li>
</ul>
<p><b><strong>Noted:</strong></b> As per new codecanyon&#8217;s policy if you want to any modification, installation, customization will not include in the free support</p>
<br />

<h3 id="item-description__noted-all-image-is-not-included-because-copyright-reason">Noted: All image is not included because copyright reason</h3>
<p>Please email me: <a rel="nofollow noopener noreferrer" target="_blank" href="mailto:lyheang.ibell@gmail.com">lyheang.ibell@gmail.com</a>
Thank you so much! Have a great day!</p>

<h3 id="item-description__changed-logs-2-nov-2019">Changed Logs 2, Nov, 2019</h3>
<ul>
   <li>Updated latest version all library</li>
</ul>

<h3 id="item-description__changed-logs-21-july-2019">Changed Logs 21, July, 2019</h3>
<ul>
   <li>Fixed some issue</li>
</ul>

Sameang Music React Native Template React native Music &amp; Video streaming Mobile App template

Sameang Music React Native Template



React Native Audio Streaming App Template for any music / audio streaming app. Now start your own music app with awesome UI and great user experience.
     

    <img src="/imgproxy/2020/05/1589966262_179_React-Native-Audio-Streaming-App-Template.jpg" alt="React Native Audio Streaming App Template - 1" />

    <img src="/imgproxy/2020/05/1589966263_736_React-Native-Audio-Streaming-App-Template.jpg" alt="React Native Audio Streaming App Template - 2" />
    <img src="/imgproxy/2020/05/1589966264_451_React-Native-Audio-Streaming-App-Template.jpg" alt="React Native Audio Streaming App Template - 3" />
    <a rel="nofollow noopener noreferrer" target="_blank" href="https://www.dropbox.com/s/a2fttlh4zo8z656/audrix.apk?dl=1">
        <img src="/imgproxy/2020/05/1589966265_650_React-Native-Audio-Streaming-App-Template.jpg" alt="React Native Audio Streaming App Template - 4" />
    </a>
    <img src="/imgproxy/2020/05/1589966266_536_React-Native-Audio-Streaming-App-Template.jpg" alt="React Native Audio Streaming App Template - 5" />
    <h2 id="item-description__-screens">
        Screens
    </h2>
    <img src="/imgproxy/2020/05/1589966268_912_React-Native-Audio-Streaming-App-Template.jpg" alt="React Native Audio Streaming App Template - 6" />
    <img src="/imgproxy/2020/05/1589966269_942_React-Native-Audio-Streaming-App-Template.jpg" alt="React Native Audio Streaming App Template - 7" />
    <img src="/imgproxy/2020/05/1589966270_180_React-Native-Audio-Streaming-App-Template.jpg" alt="React Native Audio Streaming App Template - 8" />
    <img src="/imgproxy/2020/05/1589966270_579_React-Native-Audio-Streaming-App-Template.jpg" alt="React Native Audio Streaming App Template - 9" />

    <h2 id="item-description__-tech-specs">
        Tech Specs
    </h2>
    <table>

            <tr>
                <td><strong>Starter Type</strong></td>
                <td>FRONT END <a rel="nofollow noopener noreferrer" target="_blank" href="https://store.enappd.com/faq">Read More</a></td>
            </tr>
            <tr>
                <td><strong>Technology</strong></td>
                <td>React Native (V 0.59)</td>
            </tr>
            <tr>
                <td><strong>Tested on</strong></td>
                <td>Android O / P | iOS 12 / iPhone X
                </td>
            </tr>
    </table>
     
        This React Native Music streaming app starter is made by expert UI developers to provide a great app UI for your
        own
        Music streaming app. Now you can start your own music streaming app, cutting down significantly on the UI
        development
        cost. This is a great starting point for app development, as more than half the work is done here. All pages and
        components are set. Hence, all you need here is to integrate your back-end and feed in the data.

        This starter contains 20 screens made in React Native and tested on iPhone and Android devices.
        This starter is only a UI / front-end implementation of the app. For live app functionality, you will have to
        attach
        a back-end / server and feed the live data to the app.
     
    <h2 id="item-description__-features">
        Features
    </h2>
     
        This React Native app contains following features
        <ul>
            <li>Popular music app styled bottom-tabbed interface for easy navigation</li>
            <li>Homepage with albums arranged in horizontal scrollers for easy swipe access, vertical arranged in
                different
                categories</li>
            <li>Browse tab to browse different genre songs</li>
            <li>Search tab in middle with intuitive search, Search results show up in a thumbnail list with artist /
                album
                name</li>
            <li>Radio tab to check out radio stations, arranged again in vertical categories with horizontal scroll in
                each
                category</li>
            <li>Library tab with user specific data &#8211; Songs, albums, playlists and artists</li>
            <li>Artist / Album page with big album art followed by audio player at the bottom</li>
            <li>Album page with list of songs and easy play feature</li>
            <li>Playback page with album art, timeline and basic playback buttons, similar to popular music app UI</li>
            <li>In-playback option to look at playlist, minimize player, randomize, seek ahead etc</li>
            <li>Option to download song offline. Offline content page showing the download content in a beautiful
                thumbnail
                list</li>
            <li>Settings page with streaming quality, notifications, language etc options</li>
            <li>Side-menu with Home, offline content, settings and login, with a large logo of app on top</li>
            <li>UI tested for both Android and iOS</li>
            <li>Login / Signup , forgot password functionality in a unique UI</li>
        </ul>
     
<h2 id="item-description__why-rect-native">Why Rect Native </h2>
     
        You build a real mobile app that&#8217;s indistinguishable from an app built using Objective-C or Java. React Native
        uses
        the
        same fundamental UI building blocks as regular iOS and Android apps. You just put those building blocks together
        using
        JavaScript and React.

React Native Audio Streaming App Template React native Music &amp; Video streaming Mobile App template

React Native Audio Streaming App Template



<p>Neoflix React Native Theme for any video streaming app. Give your video streaming app a different touch and make it more appealing to users.</p>

	<p><img src="/imgproxy/2020/05/1589885939_985_Neoflix-React-Native-Theme.png" alt="Neoflix React Native Theme - 1" />
<img src="/imgproxy/2020/05/1589885940_953_Neoflix-React-Native-Theme.png" alt="Neoflix React Native Theme - 2" />
<img src="/imgproxy/2020/05/1589885940_351_Neoflix-React-Native-Theme.png" alt="Neoflix React Native Theme - 3" />
<img src="/imgproxy/2020/05/1589885940_51_Neoflix-React-Native-Theme.png" alt="Neoflix React Native Theme - 4" />
<img src="/imgproxy/2020/05/1589885941_937_Neoflix-React-Native-Theme.png" alt="Neoflix React Native Theme - 5" />
<img src="/imgproxy/2020/05/1589885941_398_Neoflix-React-Native-Theme.png" alt="Neoflix React Native Theme - 6" />
<img src="/imgproxy/2020/05/1589885942_680_Neoflix-React-Native-Theme.png" alt="Neoflix React Native Theme - 7" />
<img src="/imgproxy/2020/05/1589885942_393_Neoflix-React-Native-Theme.png" alt="Neoflix React Native Theme - 8" /></p>


<h3 id="item-description__changelog">Changelog</h3>
<h5 id="item-description__update-24-04-2020">Update 24/04/2020</h5>
<pre>Version 2.0.0
- Updated all the plugins to latest version
  - react-native : 0.59.8 to 0.62.2
  - react-native-gesture-handler : 1.0.12 to 1.6.1
  - react-native-reanimated: nill to 1.8.0
  - react-native-segmented-control-tab: 3.3.1 to 3.4.1
  - react-native-swiper: 1.5.14 to 1.6.0
  - react-native-vector-icons: 6.1.0 to 6.6.0
  - react-native-video: 4.3.1 to 4.4.5
  - react-native-navigation: 3.0.8 to 4.3.7
- Added Cocoapods
</pre>

<h5 id="item-description__update-11-02-2019">Update 11/02/2019</h5>
<pre>v1.0.0
Initial release
</pre>

Neoflix React Native Theme React native Music &amp; Video streaming Mobile App template

Neoflix React Native Theme



<p>
</p>
<p>Soundkit is a Social Music Sharing Platform similar with Mixcloud, SoundCloud, allowing users to upload their music online and share with the world</p>

<p>This is the mobile version of Soundkit</p>
<img src="/imgproxy/2020/05/1589561616_118_Soundkit-Mobile-Application-for-Ios-and-Android.png" alt="Soundkit - Mobile Application for Ios and Android - 1" />
<img src="/imgproxy/2020/05/1589561617_346_Soundkit-Mobile-Application-for-Ios-and-Android.png" alt="Soundkit - Mobile Application for Ios and Android - 2" />

<h2 id="item-description__changelog">Changelog</h2>
<h5 id="item-description__version-1-4">Version 1.4</h5>
<blockquote>
<li>Upgrade react version and libraries to recent versions</li>
<li>FIXED crash on new android phone</li>
<li>Optimized track player</li>
<li>Improved the video player </li>
<li>Remove the back arrow in the menu page</li>
<li>FIXED Message typing in dark colour is still black</li>

</blockquote>
<h5 id="item-description__version-1-3-3">Version 1.3.3</h5>
<blockquote>
<li>Added play duration to music player</li>
<li>Added Wave player support for music player</li>
<li>Improved Navigation speed</li>
<li>Upgrade library to recent versions</li>
<li>Fixed video playing on android</li>
<li>Fixed other reported bugs</li>
</blockquote>
<h5 id="item-description__version-1-3-3">Version 1.3.3</h5>
<blockquote>
    <li>Initial Release</li>

</blockquote>

Soundkit - Mobile Application for Ios and Android React native Music &amp; Video streaming Mobile App template

7 React Native music video streaming app templates