パッケージ、リポジトリ、アプリカテゴリを検索

camera_filters のカバー
パッケージ詳細v0.3.1

camera_filters

このパッケージは、動的なフィルター色リストを使用したカメラ、画像の切り取り、画像へのテキスト追加、テキストカラーの変更に使用されます。

AndroidiOS
30日間ダウンロード
185
いいね数
51
Pub ポイント
120

パッケージをインストール

flutter pub add camera_filters

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

camera_filters パッケージは、Flutter開発者がリアルタイムのフィルターエフェクト、画像のクロップ、テキストオーバーレイ機能を備えたカメラインターフェースを統合できるようにします。動的な色ベースのフィルターをサポートし、撮影された画像をカットする機能を提供し、色を調整可能なテキストの追加とカスタマイズのオプションも用意されています。AndroidおよびiOS向けに設計されており、モバイルアプリにおける高度なカメラ機能の実装を簡素化します。ソーシャルメディア、写真編集、またはコンテンツ作成アプリにおいて、インタラクティブなビジュアルエフェクトが必要な場合に最適です。

用途

  • ソーシャルメディアアプリの写真キャプチャ
  • フィルター付きの写真編集ツール
  • ユーザー生成コンテンツプラットフォーム
  • リアルタイム画像の注釈
  • カスタムカメラインターフェース
  • クリエイティブな物語作りアプリ

主な機能

  • ダイナミックカラー フィルター
  • 画像のクロッピング機能
  • カラーカスタマイズ付きのテキストオーバーレイ
  • リアルタイムプレビュー
  • クロスプラットフォーム対応(Android および iOS)
  • pub add コマンドによる簡単な統合

適している対象

  • モバイルアプリ開発者
  • 写真と編集アプリ
  • コンテンツクリエイター
  • インタラクティブなカメラUI
  • リアルタイムでの画像変更が必要なアプリ

注意事項

  • Android および iOS でのカメラ権限が必要です
  • 基本的なテキストスタイルのみ
  • 低価格端末でのパフォーマンスに影響する可能性があります
  • 組み込みの保存または共有機能はありません
  • 更新に外部のGitHubリポジトリに依存しています

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

Camera Filters

Realtime Camera Filters

Description

This package will use camera with dynamic color list of filters, crop your image, text on image , change the text color and you can also use emojis. You can use your own custom color list to change filters. In the end it will provide you an edited image in onDone listener

Features

  • Realtime Camera Filters.
  • Draw, add text change filters in camera.
  • Filters on video.
  • TextOverlay on video.

IOS

The camera_filters plugin compiles for any version of iOS, but its functionality requires iOS 10 or higher. If compiling for iOS 9, make sure to programmatically check the version of iOS running on the device before using any camera_filters plugin features.

Add two rows to the ios/Runner/Info.plist:

  • one with the key Privacy - Camera Usage Description and a usage description.
  • and one with the key Privacy - Microphone Usage Description and a usage description. If editing Info.plist as text, add:
    <key>NSCameraUsageDescription</key>
    <string>your usage description here</string>
    <key>NSMicrophoneUsageDescription</key>
    <string>your usage description here</string>

Android

  • Change the minimum Android sdk version to 24 (or higher) in your android/app/build.gradle file.
    minSdkVersion 24

Step 1. Ensure the following permission is present in your Android Manifest file, located in /android/app/src/main/AndroidManifest.xml:

    <uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE" />
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

Step 2. Add the JitPack repository to your Android build file, located in /android/build.gradle:

    allprojects {
    repositories {
    maven { url 'https://jitpack.io' }
    }
}

Usage

Example

To use this package:

    dependencies:
      flutter:
        sdk: flutter
      camera_filters: <latest-version>

ScreenShots

1 2

3 4

Video

pack

!

How to use

    import 'package:camera_filters/camera_filters.dart';
    import 'package:flutter/material.dart';
    
    void main() {
      WidgetsFlutterBinding.ensureInitialized();
      runApp(MyApp());
    }
    
    class MyApp extends StatefulWidget {
      @override
      _MyAppState createState() => _MyAppState();
    }
    
    class _MyAppState extends State<MyApp> {
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          home: Scaffold(
            body: CameraScreenPlugin(onDone: (value) {
              /// value returns the picture path you can save here or navigate to some screen
              print(value);
            },


                /// time limit for video in seconds
                videoTimeLimit: 10,


                /// value returns the video path you can save here or navigate to some screen
                onVideoDone: (value) {
              print(value);
            }
    
                /// profileIconWidget: , if you want to add profile icon on camera you can your widget here
    
                ///filterColor: ValueNotifier<Color>(Colors.transparent),  your first filter color when you open camera
    
                /// filters: [],
                ///you can pass your own list of colors like this List<Color> colors = [Colors.blue, Colors.blue, Colors.blue ..... Colors.blue]
                ///make sure to pass transparent color to first index so the first index of list has no filter effect
                ),
          ),
        );
      }
    }

カテゴリー

依存関係

依存関係一覧 9 件

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。