@cinecrew/cinecrew-player 0.1.1

package/android/src/main/java/com/yuanzhou/vlc/vlcplayer/ReactVlcPlayerViewManager.java

@@ -0,0 +1,208 @@
+package com.yuanzhou.vlc.vlcplayer;
+
+import android.text.TextUtils;
+import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.common.MapBuilder;
+import com.facebook.react.uimanager.SimpleViewManager;
+import com.facebook.react.uimanager.ThemedReactContext;
+import com.facebook.react.uimanager.annotations.ReactProp;
+import java.util.Map;
+import javax.annotation.Nullable;
+
+public class ReactVlcPlayerViewManager extends SimpleViewManager<ReactVlcPlayerView> {
+
+  private static final String REACT_CLASS = "RCTVLCPlayer";
+
+  private static final String PROP_SRC = "source";
+  private static final String PROP_SRC_URI = "uri";
+  private static final String PROP_SUBTITLE_URI = "subtitleUri";
+  private static final String PROP_REPEAT = "repeat";
+  private static final String PROP_PAUSED = "paused";
+  private static final String PROP_MUTED = "muted";
+  private static final String PROP_VOLUME = "volume";
+  private static final String PROP_SEEK = "seek";
+  private static final String PROP_RESUME = "resume";
+  private static final String PROP_RATE = "rate";
+  private static final String PROP_VIDEO_ASPECT_RATIO = "videoAspectRatio";
+  private static final String PROP_AUTO_ASPECT_RATIO = "autoAspectRatio";
+  private static final String PROP_CLEAR = "clear";
+  private static final String PROP_PROGRESS_UPDATE_INTERVAL = "progressUpdateInterval";
+  private static final String PROP_TEXT_TRACK = "textTrack";
+  private static final String PROP_AUDIO_TRACK = "audioTrack";
+  private static final String PROP_ACCEPT_INVALID_CERTIFICATES = "acceptInvalidCertificates";
+  private static final String PROP_PLAY_IN_BACKGROUND = "playInBackground";
+  private static final String PROP_PLAY_WHEN_INACTIVE = "playWhenInactive";
+
+  @Override
+  public String getName() {
+    return REACT_CLASS;
+  }
+
+  @Override
+  protected ReactVlcPlayerView createViewInstance(ThemedReactContext themedReactContext) {
+    return new ReactVlcPlayerView(themedReactContext);
+  }
+
+  @Override
+  public void onDropViewInstance(ReactVlcPlayerView view) {
+    view.cleanUpResources();
+  }
+
+  @Override
+  public @Nullable Map<String, Object> getExportedCustomDirectEventTypeConstants() {
+    MapBuilder.Builder<String, Object> builder = MapBuilder.builder();
+    for (String event : VideoEventEmitter.Events) {
+      builder.put(event, MapBuilder.of("registrationName", event));
+    }
+    return builder.build();
+  }
+
+  @ReactProp(name = PROP_CLEAR)
+  public void setClear(final ReactVlcPlayerView videoView, final boolean clear) {
+    videoView.cleanUpResources();
+  }
+
+  @ReactProp(name = PROP_SRC)
+  public void setSrc(final ReactVlcPlayerView videoView, @Nullable ReadableMap src) {
+    if (src == null) {
+      return;
+    }
+    String uriString = src.hasKey(PROP_SRC_URI) ? src.getString(PROP_SRC_URI) : null;
+    if (TextUtils.isEmpty(uriString)) {
+      return;
+    }
+    videoView.setSrc(src);
+  }
+
+  @ReactProp(name = PROP_SUBTITLE_URI)
+  public void setSubtitleUri(final ReactVlcPlayerView videoView, final String subtitleUri) {
+    videoView.setSubtitleUri(subtitleUri);
+  }
+
+  @ReactProp(name = PROP_REPEAT, defaultBoolean = false)
+  public void setRepeat(final ReactVlcPlayerView videoView, final boolean repeat) {
+    videoView.setRepeatModifier(repeat);
+  }
+
+  @ReactProp(name = PROP_PROGRESS_UPDATE_INTERVAL, defaultFloat = 0f)
+  public void setInterval(final ReactVlcPlayerView videoView, final float interval) {
+    videoView.setmProgressUpdateInterval(interval);
+  }
+
+  @ReactProp(name = PROP_PAUSED, defaultBoolean = false)
+  public void setPaused(final ReactVlcPlayerView videoView, final boolean paused) {
+    videoView.setPausedModifier(paused);
+  }
+
+  @ReactProp(name = PROP_MUTED, defaultBoolean = false)
+  public void setMuted(final ReactVlcPlayerView videoView, final boolean muted) {
+    videoView.setMutedModifier(muted);
+  }
+
+  @ReactProp(name = PROP_VOLUME, defaultFloat = 1.0f)
+  public void setVolume(final ReactVlcPlayerView videoView, final float volume) {
+    videoView.setVolumeModifier((int) volume);
+  }
+
+  @ReactProp(name = PROP_SEEK)
+  public void setSeek(final ReactVlcPlayerView videoView, final float seek) {
+    videoView.setPosition(seek);
+  }
+
+  @ReactProp(name = PROP_AUTO_ASPECT_RATIO, defaultBoolean = false)
+  public void setAutoAspectRatio(final ReactVlcPlayerView videoView, final boolean autoPlay) {
+    videoView.setAutoAspectRatio(autoPlay);
+  }
+
+  @ReactProp(name = PROP_PLAY_IN_BACKGROUND, defaultBoolean = false)
+  public void setPlayInBackground(final ReactVlcPlayerView videoView, final boolean play) {
+    videoView.setPlayInBackground(play);
+  }
+
+  @ReactProp(name = PROP_PLAY_WHEN_INACTIVE, defaultBoolean = false)
+  public void setPlayWhenInactive(final ReactVlcPlayerView videoView, final boolean play) {
+    videoView.setPlayWhenInactive(play);
+  }
+
+  @ReactProp(name = PROP_RESUME, defaultBoolean = true)
+  public void setResume(final ReactVlcPlayerView videoView, final boolean autoPlay) {
+    videoView.doResume(autoPlay);
+  }
+
+  @ReactProp(name = PROP_RATE)
+  public void setRate(final ReactVlcPlayerView videoView, final float rate) {
+    videoView.setRateModifier(rate);
+  }
+
+  @ReactProp(name = PROP_VIDEO_ASPECT_RATIO)
+  public void setVideoAspectRatio(final ReactVlcPlayerView videoView, final String aspectRatio) {
+    videoView.setAspectRatio(aspectRatio);
+  }
+
+  @ReactProp(name = PROP_AUDIO_TRACK)
+  public void setAudioTrack(final ReactVlcPlayerView videoView, final int audioTrack) {
+    videoView.setAudioTrack(audioTrack);
+  }
+
+  @ReactProp(name = PROP_TEXT_TRACK)
+  public void setTextTrack(final ReactVlcPlayerView videoView, final int textTrack) {
+    videoView.setTextTrack(textTrack);
+  }
+
+  @ReactProp(name = PROP_ACCEPT_INVALID_CERTIFICATES, defaultBoolean = false)
+  public void setAcceptInvalidCertificates(
+      final ReactVlcPlayerView videoView, final boolean accept) {
+    videoView.setAcceptInvalidCertificates(accept);
+  }
+
+  public void startRecording(final ReactVlcPlayerView videoView, final String recordingPath) {
+    videoView.startRecording(recordingPath);
+  }
+
+  public void stopRecording(final ReactVlcPlayerView videoView) {
+    videoView.stopRecording();
+  }
+
+  public void stopPlayer(final ReactVlcPlayerView videoView) {
+    videoView.stopPlayer();
+  }
+
+  public void snapshot(final ReactVlcPlayerView videoView, final String path) {
+    videoView.doSnapshot(path);
+  }
+
+  @Override
+  public Map<String, Integer> getCommandsMap() {
+    return MapBuilder.of(
+        "startRecording", 1,
+        "stopRecording", 2,
+        "snapshot", 3);
+  }
+
+  @Override
+  public void receiveCommand(ReactVlcPlayerView root, int commandId, @Nullable ReadableArray args) {
+    switch (commandId) {
+      case 1:
+        if (args != null && args.size() > 0 && !args.isNull(0)) {
+          String path = args.getString(0);
+          root.startRecording(path);
+        }
+        break;
+
+      case 2:
+        root.stopRecording();
+        break;
+
+      case 3:
+        if (args != null && args.size() > 0 && !args.isNull(0)) {
+          String path = args.getString(0);
+          root.doSnapshot(path);
+        }
+        break;
+
+      default:
+        break;
+    }
+  }
+}

package/android/src/main/java/com/yuanzhou/vlc/vlcplayer/VideoEventEmitter.java

@@ -0,0 +1,136 @@
+package com.yuanzhou.vlc.vlcplayer;
+
+import android.view.View;
+import androidx.annotation.StringDef;
+import com.facebook.react.bridge.Arguments;
+import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.WritableMap;
+import com.facebook.react.uimanager.events.RCTEventEmitter;
+import java.lang.annotation.Retention;
+import java.lang.annotation.RetentionPolicy;
+
+class VideoEventEmitter {
+
+  private final RCTEventEmitter eventEmitter;
+
+  private int viewId = View.NO_ID;
+
+  VideoEventEmitter(ReactContext reactContext) {
+    this.eventEmitter = reactContext.getJSModule(RCTEventEmitter.class);
+  }
+
+  public static final String EVENT_LOAD_START = "onVideoLoadStart";
+  public static final String EVENT_ON_OPEN = "onVideoOpen";
+  public static final String EVENT_PROGRESS = "onVideoProgress";
+  public static final String EVENT_SEEK = "onVideoSeek";
+  public static final String EVENT_END = "onVideoEnd";
+  public static final String EVENT_ON_IS_PLAYING = "onVideoPlaying";
+  public static final String EVENT_ON_VIDEO_STATE_CHANGE = "onVideoStateChange";
+  public static final String EVENT_ON_VIDEO_STOPPED = "onVideoStopped";
+  public static final String EVENT_ON_ERROR = "onVideoError";
+  public static final String EVENT_ON_VIDEO_BUFFERING = "onVideoBuffering";
+  public static final String EVENT_ON_PAUSED = "onVideoPaused";
+  public static final String EVENT_ON_LOAD = "onVideoLoad";
+  public static final String EVENT_RECORDING_STATE = "onRecordingState";
+  public static final String EVENT_ON_SNAPSHOT = "onSnapshot";
+
+  static final String[] Events = {
+    EVENT_LOAD_START,
+    EVENT_PROGRESS,
+    EVENT_SEEK,
+    EVENT_END,
+    EVENT_ON_IS_PLAYING,
+    EVENT_ON_VIDEO_STATE_CHANGE,
+    EVENT_ON_OPEN,
+    EVENT_ON_PAUSED,
+    EVENT_ON_VIDEO_BUFFERING,
+    EVENT_ON_ERROR,
+    EVENT_ON_VIDEO_STOPPED,
+    EVENT_ON_LOAD,
+    EVENT_RECORDING_STATE,
+    EVENT_ON_SNAPSHOT
+  };
+
+  @Retention(RetentionPolicy.SOURCE)
+  @StringDef({
+    EVENT_LOAD_START,
+    EVENT_PROGRESS,
+    EVENT_SEEK,
+    EVENT_END,
+    EVENT_ON_IS_PLAYING,
+    EVENT_ON_VIDEO_STATE_CHANGE,
+    EVENT_ON_OPEN,
+    EVENT_ON_PAUSED,
+    EVENT_ON_VIDEO_BUFFERING,
+    EVENT_ON_ERROR,
+    EVENT_ON_VIDEO_STOPPED,
+    EVENT_ON_LOAD,
+    EVENT_RECORDING_STATE,
+    EVENT_ON_SNAPSHOT
+  })
+  @interface VideoEvents {}
+
+  private static final String EVENT_PROP_ERROR = "error";
+  private static final String EVENT_PROP_ERROR_STRING = "errorString";
+  private static final String EVENT_PROP_ERROR_EXCEPTION = "exception";
+
+  void setViewId(int viewId) {
+    this.viewId = viewId;
+  }
+
+  /** MideaPlayer初始化完毕回调 */
+  void loadStart() {
+    WritableMap event = Arguments.createMap();
+    receiveEvent(EVENT_LOAD_START, event);
+  }
+
+  /**
+   * 视频进度改变回调
+   *
+   * @param currentPosition
+   * @param bufferedDuration
+   */
+  void progressChanged(double currentPosition, double bufferedDuration) {
+    WritableMap event = Arguments.createMap();
+    event.putDouble("currentTime", currentPosition);
+    event.putDouble("duration", bufferedDuration);
+    receiveEvent(EVENT_PROGRESS, event);
+  }
+
+  void error(String errorString, Exception exception) {
+    WritableMap error = Arguments.createMap();
+    error.putString(EVENT_PROP_ERROR_STRING, errorString);
+    error.putString(EVENT_PROP_ERROR_EXCEPTION, exception.getMessage());
+    WritableMap event = Arguments.createMap();
+    event.putMap(EVENT_PROP_ERROR, error);
+    receiveEvent(EVENT_ON_ERROR, event);
+  }
+
+  /**
+   * 是否播放回调
+   *
+   * @param isPlaying
+   */
+  void isPlaying(boolean isPlaying) {
+    WritableMap map = Arguments.createMap();
+    map.putBoolean("isPlaying", isPlaying);
+    receiveEvent(EVENT_ON_IS_PLAYING, map);
+  }
+
+  /**
+   * 视频状态改变回调
+   *
+   * @param map
+   */
+  void onVideoStateChange(WritableMap map) {
+    receiveEvent(EVENT_ON_VIDEO_STATE_CHANGE, map);
+  }
+
+  void sendEvent(WritableMap map, String event) {
+    receiveEvent(event, map);
+  }
+
+  private void receiveEvent(@VideoEvents String type, WritableMap event) {
+    eventEmitter.receiveEvent(viewId, type, event);
+  }
+}

package/android/src/main/res/values/strings.xml

@@ -0,0 +1,3 @@
+<resources>
+    <string name="app_name">vlcplayer</string>
+</resources>

package/app.plugin.cjs

@@ -0,0 +1 @@
+module.exports = require('./packages/react-native-vlc-media-player/expo/withVlcMediaPlayer.cjs');

package/assets/cinecrew-player-logo.svg

@@ -0,0 +1,44 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="940" height="240" viewBox="0 0 940 240" role="img" aria-labelledby="title desc">
+  <title id="title">CineCrew</title>
+  <desc id="desc">The CineCrew app brand lockup from BrowseHeaderBar: TV play icon paired with clean natural CineCrew wordmark and coral accent line.</desc>
+  <defs>
+    <linearGradient id="screen" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#10264d"/>
+      <stop offset="1" stop-color="#07142c"/>
+    </linearGradient>
+    <linearGradient id="play" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#0cb9ed"/>
+      <stop offset="1" stop-color="#0868ef"/>
+    </linearGradient>
+  </defs>
+
+  <!-- Left Icon Mark -->
+  <g transform="translate(10, 8) scale(0.43)">
+    <rect x="9" y="9" width="494" height="494" rx="112" fill="#07132e" stroke="#294777" stroke-width="12"/>
+    <path d="M207 88 252 37M305 88l45-51" fill="none" stroke="#1487ee" stroke-linecap="round" stroke-width="13"/>
+    <circle cx="253" cy="30" r="10" fill="#138cf3"/>
+    <circle cx="355" cy="30" r="10" fill="#138cf3"/>
+    <rect x="94" y="138" width="325" height="232" rx="47" fill="url(#screen)" stroke="#0782ee" stroke-width="19"/>
+    <path d="m218 193 112 61-112 66z" fill="url(#play)"/>
+    <path d="M114 401c71 59 219 58 285 0" fill="none" stroke="#0878e9" stroke-linecap="round" stroke-width="13"/>
+    <circle cx="54" cy="254" r="17" fill="#f8fbff"/>
+    <circle cx="458" cy="254" r="17" fill="#f8fbff"/>
+    <circle cx="256" cy="438" r="17" fill="#f8fbff"/>
+    <path d="m404 55 18 36 38 5-28 26 7 38-35-19-34 19 7-38-28-26 38-5z" fill="#ff654f"/>
+    <path d="M436 137c26 37 39 85 35 126" fill="none" stroke="#ff654f" stroke-linecap="round" stroke-width="14"/>
+  </g>
+
+  <!-- BrowseHeaderBar Brand Wordmark: natural single-word kerning, no collision -->
+  <text
+    x="248"
+    y="152"
+    font-family="Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif"
+    font-size="112"
+    font-weight="900"
+    letter-spacing="-1.5"
+    fill="#397fda"
+  >Cine<tspan fill="#ff9a86">Crew</tspan></text>
+
+  <!-- Brand Accent Line (brandAccentLine) -->
+  <rect x="252" y="174" width="130" height="12" rx="6" fill="#ff9a86"/>
+</svg>

package/package.json

@@ -0,0 +1,132 @@
+{
+  "name": "@cinecrew/cinecrew-player",
+  "version": "0.1.1",
+  "type": "module",
+  "description": "Customizable cross-platform live and on-demand video player for React and React Native.",
+  "license": "MIT",
+  "author": "Nahush Niraj Raichura",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nahushr/cinecrew-player.git"
+  },
+  "homepage": "https://github.com/nahushr/cinecrew-player#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "expo": {
+    "plugin": "./app.plugin.cjs"
+  },
+  "bugs": {
+    "url": "https://github.com/nahushr/cinecrew-player/issues"
+  },
+  "keywords": [
+    "react",
+    "react-native",
+    "video-player",
+    "live-streaming",
+    "mpeg-ts",
+    "mpegts",
+    "hls",
+    "vlc",
+    "iptv"
+  ],
+  "main": "./src/web/index.js",
+  "module": "./src/web/index.js",
+  "browser": "./src/web/index.js",
+  "react-native": "./src/native/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "react-native": "./src/native/index.js",
+      "browser": "./src/web/index.js",
+      "default": "./src/web/index.js"
+    },
+    "./react": {
+      "types": "./types/index.d.ts",
+      "default": "./src/web/index.js"
+    },
+    "./electron": {
+      "types": "./types/index.d.ts",
+      "default": "./src/web/index.js"
+    },
+    "./react-native": {
+      "types": "./types/index.d.ts",
+      "react-native": "./src/native/index.js",
+      "default": "./src/native/index.js"
+    },
+    "./react-native-web": {
+      "types": "./types/index.d.ts",
+      "default": "./src/web/index.js"
+    },
+    "./native": {
+      "types": "./types/index.d.ts",
+      "react-native": "./src/native/index.js",
+      "default": "./src/native/index.js"
+    },
+    "./web": {
+      "types": "./types/index.d.ts",
+      "default": "./src/web/index.js"
+    },
+    "./styles.css": "./src/web/styles.css",
+    "./app.plugin": "./app.plugin.cjs",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src/",
+    "types/",
+    "assets/",
+    "vendor/mpegts.js/",
+    "app.plugin.cjs",
+    "CineCrewPlayer.podspec",
+    "packages/react-native-vlc-media-player/VLCPlayer.js",
+    "packages/react-native-vlc-media-player/index.d.ts",
+    "android/",
+    "packages/react-native-vlc-media-player/ios/RCTVLCPlayer/",
+    "packages/react-native-vlc-media-player/expo/",
+    "packages/react-native-vlc-media-player/LICENSE",
+    "LICENSE",
+    "NOTICE",
+    "README.md"
+  ],
+  "scripts": {
+    "test": "node --test",
+    "check:types": "tsc --noEmit --skipLibCheck --strict types/index.d.ts",
+    "prepack": "npm run check:types"
+  },
+  "devDependencies": {
+    "@expo/config-plugins": "^57.0.9",
+    "@types/react": "^19.2.4",
+    "typescript": "^6.0.3"
+  },
+  "overrides": {
+    "xcode": {
+      "uuid": "^11.1.1"
+    }
+  },
+  "dependencies": {
+    "@expo/vector-icons": "^15.1.1",
+    "@hiraku-ai/react-native-emoji-picker": "^1.2.4",
+    "@mediabunny/ac3": "^1.59.0",
+    "@react-native-community/slider": "^5.2.0",
+    "expo-video": "^57.0.2",
+    "hls.js": "^1.7.3",
+    "mediabunny": "^1.59.0",
+    "react-native-safe-area-context": "^5.7.0",
+    "react-native-svg": "^15.15.4",
+    "react-native-webview": "^13.16.1",
+    "prop-types": "^15.8.1"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-native": ">=0.73"
+  },
+  "peerDependenciesMeta": {
+    "react-native": {
+      "optional": true
+    }
+  },
+  "engines": {
+    "node": ">=20"
+  }
+}

package/packages/react-native-vlc-media-player/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2016 Brent Vatne, Baris Sencan
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.