Native Media Player

Render audio and video using hardware-accelerated OS-level playback controls. Nativine embeds native iOS AVPlayerViewController and Android ExoPlayer / Media3 bridges, delivering 4K playback, Picture-in-Picture (PiP), and system lock-screen media controls.

1. Overview & Native Capabilities

HTML5 video tags inside webviews often suffer from performance lag, memory leaks, and restricted background audio. Nativine's Native Media Player plugin renders OS media controllers directly:

• Hardware-Accelerated 4K & HLS: Play HLS (.m3u8), DASH (.mpd), and MP4 streams with zero webview rendering overhead.
• Picture-in-Picture (PiP): Continue playing video in a floating resizable OS window while users navigate other apps or web pages.
• Lock-Screen & Control Center Controls: Control play/pause, scrub tracks, and adjust volume directly from iOS Control Center and Android Notification shade.

2. No-Code App Builder Setup Guide

Nativine App Builder Configuration

1. Open the Nativine App Builder at /web-to-app-converter-pro.
2. Click Add-ons & Plugins in the left builder menu and locate Native Media Player.
3. Toggle Native Media Player to ON (or click Enable), then click Config.
4. Configure your required settings, permissions descriptors, or target web parameters.
5. Click Save Config and navigate to the Builds tab to compile your mobile application.

3. Native JS Bridge API Reference

To launch native video playback from JavaScript, call nativine.mediaPlayer.play():

nativine.mediaPlayer.play({
  url: 'https://cdn.yourdomain.com/videos/stream.m3u8',
  title: 'Episode 1: The Beginning',
  artist: 'Media Production Studio',
  albumArtUrl: 'https://cdn.yourdomain.com/poster.jpg',
  enablePiP: true,
  callback: 'onMediaPlayStarted'
});

Parameters

4. Frequently Asked Questions (Q&A)