React Native utility library around image and video files for getting metadata like MIME type, timestamp, duration, and dimensions. Works on iOS and Android using Java and Obj-C, instead of Node 🚀.

Last update: Oct 19, 2022

Overview

Qeepsake React Native File Utils

Extracts information from image and video files including MIME type, duration (video), dimensions, and timestamp. The library work on iOS and Android and uses Java and Obj-C native library (not Node).

Installation

npm install @qeepsake/react-native-file-utils

Usage

Get the duration of video file

Gets the duration of the video in seconds.

import { getVideoDuration } from '@qeepsake/react-native-file-utils';

const durationMs = await getVideoDuration('file://<media-path>');

Get the media file dimensions in pixels

Gets the horizontal (x) and vertical (y) pixels of the media item, either image or video. The returned media dimensions includes an object with both the horizontal (x) length in pixels and vertical (y) length in pixels.

import { getDimensions } from '@qeepsake/react-native-file-utils';

const mediaDimensions = await getDimensions('file://<media-path>', 'video');

Get the MIME type of a media item file

Gets the MIME type of the media file at the passed Uri.

import { getMimeType } from '@qeepsake/react-native-file-utils';

const mimeType = await getMimeType('file://<media-path>');

Get the timestamp of a media item file

Gets the string timestamp of the media file from the passed Uri. The timestamp is usually a date retrieved from either the Exif date if the original datetime of the media is available or by the creation/last modified timestamp from the file itself.

import { getTimestamp } from '@qeepsake/react-native-file-utils';

const timestamp = await getTimestamp('file://<media-path>', 'video');

Supported Schemes

In this table, you can see what type of URI can be handled by each method.

Method Name	iOS	Android
getTimestamp	`file://`, `assets-library://`	`file://`, `content://`
getVideoDuration	`file://`	`file://`
getMimeType	`file://`, `ph://`	`file://`, `content://`
getDimensions	`file://`,	`file://`

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

iOS 15 share play API in react-native

react-native-shareplay iOS 15 share play API in react-native Installation yarn add react-native-shareplay And go to Xcode Capabilities and enable "Gro

27 Oct 16, 2022

POC for a bug with react-native-webview crashing on IOS 16.1

POC Shared Worker issues with IOS 16.1 webview Apple Developers post with workaround Webkit confirmed issue Start a simple http server with shared wor

2 Oct 31, 2022

Discover Movies and TV shows - React Native

movieapp Discover Movies and TV shows Download APK file Download from Google Drive - v2.2.1 What's included Name Description React Native Build Native

1.8k Dec 28, 2022

Bridge between onfido-auth and react-native

react-native-onfido-auth-sdk Table of contents Overview Installation Usage 1. Creating the SDK configuration 2. Parameter details 3. Success Response

1 Mar 30, 2022

React Native 实现无侵入自定义下拉刷新组件

react-native-ly-refresh-control 下拉刷新 iOS 基于MJRefresh 通过RCTCustomRefreshContolProtocol实现RefreshControl组件封装 JS端可以无侵入自定义下拉刷新只需要替换对应的refreshControl Androi

12 Jul 2, 2022

React Native package for interacting with HomeKit devices

4 Dec 24, 2021

react native esptouch

react-native-esptouch One should know that This is a Unofficial project. The official demo is below: EsptouchForAndroid EsptouchForIOS Getting started

0 Oct 25, 2021

React Native Template for Taro

React Native Template for Taro requirement taro: @tarojs/cli@^3.2.0 framework: 'react' quick start install react native library install peerDependenci

1 Nov 20, 2021

A suite of IoT tools to use with React Native.

react-native-iot-tools WIP. A suite of IoT tools for React Native applications. Package iOS Android @react-native-iot-tools/bluetooth ✅ ❌ @react-nativ

3 Oct 31, 2022

Comments

CLI App Build Error
Have an app that when running gradlew assembleRelease

i get the following error. This worked before upgrading to expo sdk 46 and react-native 0.69

FAILURE: Build failed with an exception.

What went wrong: Execution failed for task ':qeepsake_react-native-file-utils:verifyReleaseResources'.

A failure occurred while executing com.android.build.gradle.tasks.VerifyLibraryResourcesTask$Action Android resource linking failed ERROR:/Users/riogrande100/.gradle/caches/transforms-3/7dad25162e0ba98f9fd2ff8ab8cdde1c/transformed/core-1.7.0/res/values/values.xml:105:5-114:25: AAPT: error: resource android:attr/lStar not found.

any ideas?
opened by riogrande100 3
fix(timestamp-format): Update readme and return string type from getTimestamp

Attempted returning JS Date always from getTimestamp but saw that Exif metadata could possibly come in a bunch of different formats, and is natively pulled out as strings from iOS and Android. So after seeing that, thought it might be better to keep this library closer to the metal and return the string from native. Any thoughts on this @lukebrandonfarrell ?
released

opened by tdbrian 2
fix(timestamp): android virtual method 'int java.lang.String.length()' on a null object reference

Story: https://qeepsake.atlassian.net/browse/ENG-1545 Sentry: https://sentry.io/organizations/qeepsake/issues/3081765214/events/e65c4c07c6b447d99fabb1e8dabc4af0/?project=273486
released

opened by lukebrandonfarrell 1
Feature/add implementations
Sets up initial implementations on iOS and Android for the following utility methods:

getDuration

getDimensions

getMimeType

getTimestamp

Each method is documented in the code, but the general usage of each is passing in the the full file path, URI, of either an image or video asset. Each utility method will in some way, depending on the platform, get the method data from the file or file metadata. All of the methods, except, getDuration (since it's only valid for video), require passing passing either 'image' or 'video' as the second argument so we can determine the best way to get the required information from the media type.
opened by tdbrian 0

Releases(v1.3.4)

v1.3.4(Apr 21, 2022)
1.3.4 (2022-04-21)

Bug Fixes

timestamp: android virtual method 'int java.lang.String.length()' on a null object reference (91dac76)

Source code(tar.gz)
Source code(zip)
v1.3.3(Feb 10, 2022)
1.3.3 (2022-02-10)

Bug Fixes

timestamp: android failing to read timestamp of file:// paths (4097860)

Source code(tar.gz)
Source code(zip)
v1.3.2(Dec 30, 2021)
1.3.2 (2021-12-30)

Bug Fixes

android: changed date format yyyy-MM-dd'T'HH:mm'Z' to yyyy-MM-dd'T'HH:mm:ss.SSSZ (6c15312)

Source code(tar.gz)
Source code(zip)
v1.3.1(Dec 30, 2021)
1.3.1 (2021-12-30)

Bug Fixes

java: fixed issue with java not checking for null and assuming boolean (64d0e8d)

Source code(tar.gz)
Source code(zip)
v1.3.0(Dec 30, 2021)
1.3.0 (2021-12-30)

Features

android: added content:// scheme to getMimeType and file:// scheme to getTimestamp (for image) (165bf51)

Source code(tar.gz)
Source code(zip)
v1.2.4(Dec 29, 2021)
1.2.4 (2021-12-29)

Bug Fixes

mime: added support for PHAsset URI ph:// to getMimeType (1c8f5c2)

Source code(tar.gz)
Source code(zip)
v1.2.3(Dec 29, 2021)
1.2.3 (2021-12-29)

Bug Fixes

mime: added fallback for mime types to support simulators running on M1 chip (2d25fca)

Source code(tar.gz)
Source code(zip)
v1.2.2(Dec 23, 2021)
1.2.2 (2021-12-23)

Bug Fixes

getduration-signature: Changes the getDuration signature to getVideoDuration and removes media type input (ace4bb7)

Source code(tar.gz)
Source code(zip)
v1.2.1(Dec 23, 2021)
1.2.1 (2021-12-23)

Bug Fixes

timestamp-format: Update readme (615d0d0)

timestamp-format: Update readme and return type from getTimestamp (14d5ebf)

Source code(tar.gz)
Source code(zip)
v1.2.0(Dec 21, 2021)
1.2.0 (2021-12-21)

Features

release: Mark package public (f0054a9)

Source code(tar.gz)
Source code(zip)

Owner

Qeepsake

:wave: Welcome to Qeepsake Engineering. We build software to enhance the joy and affection families share by capturing moments and milestones along the journey.

GitHub

React Native utility library around image and video files for getting metadata like MIME type, timestamp, duration, and dimensions. Works on iOS and Android using Java and Obj-C, instead of Node 🚀.

Related tags

Overview

Qeepsake React Native File Utils

Installation

Usage

Get the duration of video file

Get the media file dimensions in pixels

Get the MIME type of a media item file

Get the timestamp of a media item file

Supported Schemes

Contributing

License

You might also like...

iOS 15 share play API in react-native

POC for a bug with react-native-webview crashing on IOS 16.1

Discover Movies and TV shows - React Native

Bridge between onfido-auth and react-native

React Native 实现无侵入自定义下拉刷新组件

React Native package for interacting with HomeKit devices

react native esptouch

React Native Template for Taro

A suite of IoT tools to use with React Native.

Comments

CLI App Build Error

fix(timestamp-format): Update readme and return string type from getTimestamp

fix(timestamp): android virtual method 'int java.lang.String.length()' on a null object reference

Feature/add implementations

Releases(v1.3.4)

v1.3.4(Apr 21, 2022)

1.3.4 (2022-04-21)

Bug Fixes

v1.3.3(Feb 10, 2022)

1.3.3 (2022-02-10)

Bug Fixes

v1.3.2(Dec 30, 2021)

1.3.2 (2021-12-30)

Bug Fixes

v1.3.1(Dec 30, 2021)

1.3.1 (2021-12-30)

Bug Fixes

v1.3.0(Dec 30, 2021)

1.3.0 (2021-12-30)

Features

v1.2.4(Dec 29, 2021)

1.2.4 (2021-12-29)

Bug Fixes

v1.2.3(Dec 29, 2021)

1.2.3 (2021-12-29)

Bug Fixes

v1.2.2(Dec 23, 2021)

1.2.2 (2021-12-23)

Bug Fixes

v1.2.1(Dec 23, 2021)

1.2.1 (2021-12-23)

Bug Fixes

v1.2.0(Dec 21, 2021)

1.2.0 (2021-12-21)

Features

Owner

Qeepsake

Blazing⚡️Fast BTC and ETH Wallet Generator library for React Native, Android and iOS

iOS's Stocks App clone written in React Native for demo purpose (available both iOS and Android).

React Native library that implements PayPal Checkout flow using purely native code (swift).

🏀 iOS and Android NBA app created with React Native

Ported scrcpy for mobile platforms, to remotely control Android devices on your iPhone or Android phone.

This provides a bridge to use Sync with Tokamak instead of SwiftUI

A react native interface for integrating payments using Braintree

A property finder application written using React Native

A testing MQTT react native library

Allows you to emulate an Android native library, and an experimental iOS emulation