diff --git a/ANDROID_BUILD.md b/ANDROID_BUILD.md new file mode 100644 index 0000000..d5febe7 --- /dev/null +++ b/ANDROID_BUILD.md @@ -0,0 +1,106 @@ +# Android 打包说明（Capacitor 8） + +本文说明在 **macOS** 上为本项目生成 **调试 APK** 的目录、命令与环境要求。 + +## 环境要求 + +| 项目 | 说明 | +|------|------| +| Node.js | **≥ 22**（Capacitor CLI 要求；可用 `nvm use 22`） | +| JDK | **21**（`@capacitor/android` 使用 Java 21；本机若仅有 JDK 17 会编译失败） | +| Android SDK | 已安装，且 `android/local.properties` 中配置 `sdk.dir` 指向 SDK 根目录 | + +可选：在 `~/.zshrc` 中设置 `JAVA_HOME`（指向 JDK 21）、`ANDROID_SDK_ROOT`，并把 `nvm` 默认版本设为 22，避免每次手动导出。 + +## 目录约定 + +- **项目根目录**：`myApp/`（即包含 `package.json`、`capacitor.config.ts` 的目录） +- **原生工程**：`myApp/android/` +- **调试 APK 输出**：`android/app/build/outputs/apk/debug/app-debug.apk` + +## 打包步骤（调试 APK） + +在终端中执行： + +### 1. 进入项目根目录 + +```bash +cd /path/to/myApp +``` + +（将 `/path/to/myApp` 换为你本机实际路径，例如 `~/Desktop/ionic/myApp`。） + +### 2. 构建 Web 资源 + +```bash +npm run build +``` + +### 3. 同步到 Android 工程 + +必须使用 **Node 22**： + +```bash +nvm use 22 +npx cap sync android +cd android +``` + +### 4. 使用 Gradle 生成调试包 + +```bash +./gradlew assembleDebug +``` + +若曾切换过 JDK，可先执行 `./gradlew --stop` 再编译。若仅用 **Android Studio** 构建，请在 IDE 里把 Gradle JDK 也选为 21。 + +### 5. 获取 APK + +构建成功后，调试包路径为： + +```text +android/app/build/outputs/apk/debug/app-debug.apk +``` + +可将该文件传到手机安装，或使用： + +```bash +adb install -r app/build/outputs/apk/debug/app-debug.apk +``` + +（需在 `android` 目录下或写全路径。） + +## 一键串联示例（复制后按需改路径） + +```bash +cd ~/Desktop/ionic/myApp +npm run build +nvm use 22 +npx cap sync android +cd android && ./gradlew assembleDebug +``` + +## `local.properties` 说明 + +Android Gradle 需要知道 SDK 位置。若仓库中未提交（通常被 `.gitignore` 忽略），请在 `android/local.properties` 中自行维护，例如： + +```properties +sdk.dir=/Users/你的用户名/Library/Android/sdk +``` + +将 `sdk.dir` 改为本机 Android SDK 绝对路径。 + +## Release / 上架 + +调试包（`assembleDebug`）不可直接用于应用商店上架。上架需要： + +- 配置 **Release 签名**（keystore） +- 使用 Android Studio：**Build → Generate Signed Bundle / APK**，或命令行 `assembleRelease` / `bundleRelease` 并配置签名 + +具体以 Google Play 要求与团队证书策略为准。 + +## 常见问题 + +- **`The Capacitor CLI requires NodeJS >=22`**：先执行 `nvm use 22` 再运行 `npx cap`。 +- **`无效的源发行版：21` / Java 21 相关错误**：确认 `JAVA_HOME` 为 JDK 21（终端可 `echo $JAVA_HOME`、`java -version`）；或在 `android/gradle.properties` 中设置 `org.gradle.java.home`（见上文）。 +- **SDK location not found**：检查 `android/local.properties` 中的 `sdk.dir` 是否正确。 diff --git a/android/.gitignore b/android/.gitignore new file mode 100644 index 0000000..48354a3 --- /dev/null +++ b/android/.gitignore @@ -0,0 +1,101 @@ +# Using Android gitignore template: https://github.com/github/gitignore/blob/HEAD/Android.gitignore + +# Built application files +*.apk +*.aar +*.ap_ +*.aab + +# Files for the ART/Dalvik VM +*.dex + +# Java class files +*.class + +# Generated files +bin/ +gen/ +out/ +# Uncomment the following line in case you need and you don't have the release build type files in your app +# release/ + +# Gradle files +.gradle/ +build/ + +# Local configuration file (sdk path, etc) +local.properties + +# Proguard folder generated by Eclipse +proguard/ + +# Log Files +*.log + +# Android Studio Navigation editor temp files +.navigation/ + +# Android Studio captures folder +captures/ + +# IntelliJ +*.iml +.idea/workspace.xml +.idea/tasks.xml +.idea/gradle.xml +.idea/assetWizardSettings.xml +.idea/dictionaries +.idea/libraries +# Android Studio 3 in .gitignore file. +.idea/caches +.idea/modules.xml +# Comment next line if keeping position of elements in Navigation Editor is relevant for you +.idea/navEditor.xml + +# Keystore files +# Uncomment the following lines if you do not want to check your keystore files in. +#*.jks +#*.keystore + +# External native build folder generated in Android Studio 2.2 and later +.externalNativeBuild +.cxx/ + +# Google Services (e.g. APIs or Firebase) +# google-services.json + +# Freeline +freeline.py +freeline/ +freeline_project_description.json + +# fastlane +fastlane/report.xml +fastlane/Preview.html +fastlane/screenshots +fastlane/test_output +fastlane/readme.md + +# Version control +vcs.xml + +# lint +lint/intermediates/ +lint/generated/ +lint/outputs/ +lint/tmp/ +# lint/reports/ + +# Android Profiling +*.hprof + +# Cordova plugins for Capacitor +capacitor-cordova-android-plugins + +# Copied web assets +app/src/main/assets/public + +# Generated Config files +app/src/main/assets/capacitor.config.json +app/src/main/assets/capacitor.plugins.json +app/src/main/res/xml/config.xml diff --git a/android/app/.gitignore b/android/app/.gitignore new file mode 100644 index 0000000..043df80 --- /dev/null +++ b/android/app/.gitignore @@ -0,0 +1,2 @@ +/build/* +!/build/.npmkeep diff --git a/android/app/build.gradle b/android/app/build.gradle new file mode 100644 index 0000000..201e0a9 --- /dev/null +++ b/android/app/build.gradle @@ -0,0 +1,54 @@ +apply plugin: 'com.android.application' + +android { + namespace = "io.ionic.starter" + compileSdk = rootProject.ext.compileSdkVersion + defaultConfig { + applicationId "io.ionic.starter" + minSdkVersion rootProject.ext.minSdkVersion + targetSdkVersion rootProject.ext.targetSdkVersion + versionCode 1 + versionName "1.0" + testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner" + aaptOptions { + // Files and dirs to omit from the packaged assets dir, modified to accommodate modern web apps. + // Default: https://android.googlesource.com/platform/frameworks/base/+/282e181b58cf72b6ca770dc7ca5f91f135444502/tools/aapt/AaptAssets.cpp#61 + ignoreAssetsPattern = '!.svn:!.git:!.ds_store:!*.scc:.*:!CVS:!thumbs.db:!picasa.ini:!*~' + } + } + buildTypes { + release { + minifyEnabled false + proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' + } + } +} + +repositories { + flatDir{ + dirs '../capacitor-cordova-android-plugins/src/main/libs', 'libs' + } +} + +dependencies { + implementation fileTree(include: ['*.jar'], dir: 'libs') + implementation "androidx.appcompat:appcompat:$androidxAppCompatVersion" + implementation "androidx.coordinatorlayout:coordinatorlayout:$androidxCoordinatorLayoutVersion" + implementation "androidx.core:core-splashscreen:$coreSplashScreenVersion" + implementation project(':capacitor-android') + testImplementation "junit:junit:$junitVersion" + androidTestImplementation "androidx.test.ext:junit:$androidxJunitVersion" + androidTestImplementation "androidx.test.espresso:espresso-core:$androidxEspressoCoreVersion" + implementation project(':capacitor-cordova-android-plugins') +} + +apply from: 'capacitor.build.gradle' + +try { + def servicesJSON = file('google-services.json') + if (servicesJSON.text) { + apply plugin: 'com.google.gms.google-services' + } +} catch(Exception e) { + logger.info("google-services.json not found, google-services plugin not applied. Push Notifications won't work") +} diff --git a/android/app/capacitor.build.gradle b/android/app/capacitor.build.gradle new file mode 100644 index 0000000..c9fa595 --- /dev/null +++ b/android/app/capacitor.build.gradle @@ -0,0 +1,24 @@ +// DO NOT EDIT THIS FILE! IT IS GENERATED EACH TIME "capacitor update" IS RUN + +android { + compileOptions { + sourceCompatibility JavaVersion.VERSION_21 + targetCompatibility JavaVersion.VERSION_21 + } +} + +apply from: "../capacitor-cordova-android-plugins/cordova.variables.gradle" +dependencies { + implementation project(':capacitor-community-video-recorder') + implementation project(':capacitor-app') + implementation project(':capacitor-haptics') + implementation project(':capacitor-keyboard') + implementation project(':capacitor-status-bar') + implementation project(':capgo-camera-preview') + +} + + +if (hasProperty('postBuildExtras')) { + postBuildExtras() +} diff --git a/android/app/proguard-rules.pro b/android/app/proguard-rules.pro new file mode 100644 index 0000000..f1b4245 --- /dev/null +++ b/android/app/proguard-rules.pro @@ -0,0 +1,21 @@ +# Add project specific ProGuard rules here. +# You can control the set of applied configuration files using the +# proguardFiles setting in build.gradle. +# +# For more details, see +# http://developer.android.com/guide/developing/tools/proguard.html + +# If your project uses WebView with JS, uncomment the following +# and specify the fully qualified class name to the JavaScript interface +# class: +#-keepclassmembers class fqcn.of.javascript.interface.for.webview { +# public *; +#} + +# Uncomment this to preserve the line number information for +# debugging stack traces. +#-keepattributes SourceFile,LineNumberTable + +# If you keep the line number information, uncomment this to +# hide the original source file name. +#-renamesourcefileattribute SourceFile diff --git a/android/app/src/androidTest/java/com/getcapacitor/myapp/ExampleInstrumentedTest.java b/android/app/src/androidTest/java/com/getcapacitor/myapp/ExampleInstrumentedTest.java new file mode 100644 index 0000000..f2c2217 --- /dev/null +++ b/android/app/src/androidTest/java/com/getcapacitor/myapp/ExampleInstrumentedTest.java @@ -0,0 +1,26 @@ +package com.getcapacitor.myapp; + +import static org.junit.Assert.*; + +import android.content.Context; +import androidx.test.ext.junit.runners.AndroidJUnit4; +import androidx.test.platform.app.InstrumentationRegistry; +import org.junit.Test; +import org.junit.runner.RunWith; + +/** + * Instrumented test, which will execute on an Android device. + * + * @see Testing documentation + */ +@RunWith(AndroidJUnit4.class) +public class ExampleInstrumentedTest { + + @Test + public void useAppContext() throws Exception { + // Context of the app under test. + Context appContext = InstrumentationRegistry.getInstrumentation().getTargetContext(); + + assertEquals("com.getcapacitor.app", appContext.getPackageName()); + } +} diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml new file mode 100644 index 0000000..22a986e --- /dev/null +++ b/android/app/src/main/AndroidManifest.xml @@ -0,0 +1,46 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/android/app/src/main/java/io/ionic/starter/MainActivity.java b/android/app/src/main/java/io/ionic/starter/MainActivity.java new file mode 100644 index 0000000..31119eb --- /dev/null +++ b/android/app/src/main/java/io/ionic/starter/MainActivity.java @@ -0,0 +1,17 @@ +package io.ionic.starter; + +import android.os.Bundle; + +import com.getcapacitor.BridgeActivity; + +public class MainActivity extends BridgeActivity { + @Override + protected void onCreate(Bundle savedInstanceState) { + super.onCreate(savedInstanceState); + + // Allow autoplay media without a user gesture (Android WebView). + if (getBridge() != null && getBridge().getWebView() != null) { + getBridge().getWebView().getSettings().setMediaPlaybackRequiresUserGesture(false); + } + } +} diff --git a/android/app/src/main/res/drawable-land-hdpi/splash.png b/android/app/src/main/res/drawable-land-hdpi/splash.png new file mode 100644 index 0000000..e31573b Binary files /dev/null and b/android/app/src/main/res/drawable-land-hdpi/splash.png differ diff --git a/android/app/src/main/res/drawable-land-mdpi/splash.png b/android/app/src/main/res/drawable-land-mdpi/splash.png new file mode 100644 index 0000000..f7a6492 Binary files /dev/null and b/android/app/src/main/res/drawable-land-mdpi/splash.png differ diff --git a/android/app/src/main/res/drawable-land-xhdpi/splash.png b/android/app/src/main/res/drawable-land-xhdpi/splash.png new file mode 100644 index 0000000..8077255 Binary files /dev/null and b/android/app/src/main/res/drawable-land-xhdpi/splash.png differ diff --git a/android/app/src/main/res/drawable-land-xxhdpi/splash.png b/android/app/src/main/res/drawable-land-xxhdpi/splash.png new file mode 100644 index 0000000..14c6c8f Binary files /dev/null and b/android/app/src/main/res/drawable-land-xxhdpi/splash.png differ diff --git a/android/app/src/main/res/drawable-land-xxxhdpi/splash.png b/android/app/src/main/res/drawable-land-xxxhdpi/splash.png new file mode 100644 index 0000000..244ca25 Binary files /dev/null and b/android/app/src/main/res/drawable-land-xxxhdpi/splash.png differ diff --git a/android/app/src/main/res/drawable-port-hdpi/splash.png b/android/app/src/main/res/drawable-port-hdpi/splash.png new file mode 100644 index 0000000..74faaa5 Binary files /dev/null and b/android/app/src/main/res/drawable-port-hdpi/splash.png differ diff --git a/android/app/src/main/res/drawable-port-mdpi/splash.png b/android/app/src/main/res/drawable-port-mdpi/splash.png new file mode 100644 index 0000000..e944f4a Binary files /dev/null and b/android/app/src/main/res/drawable-port-mdpi/splash.png differ diff --git a/android/app/src/main/res/drawable-port-xhdpi/splash.png b/android/app/src/main/res/drawable-port-xhdpi/splash.png new file mode 100644 index 0000000..564a82f Binary files /dev/null and b/android/app/src/main/res/drawable-port-xhdpi/splash.png differ diff --git a/android/app/src/main/res/drawable-port-xxhdpi/splash.png b/android/app/src/main/res/drawable-port-xxhdpi/splash.png new file mode 100644 index 0000000..bfabe68 Binary files /dev/null and b/android/app/src/main/res/drawable-port-xxhdpi/splash.png differ diff --git a/android/app/src/main/res/drawable-port-xxxhdpi/splash.png b/android/app/src/main/res/drawable-port-xxxhdpi/splash.png new file mode 100644 index 0000000..6929071 Binary files /dev/null and b/android/app/src/main/res/drawable-port-xxxhdpi/splash.png differ diff --git a/android/app/src/main/res/drawable-v24/ic_launcher_foreground.xml b/android/app/src/main/res/drawable-v24/ic_launcher_foreground.xml new file mode 100644 index 0000000..c7bd21d --- /dev/null +++ b/android/app/src/main/res/drawable-v24/ic_launcher_foreground.xml @@ -0,0 +1,34 @@ + + + + + + + + + + + diff --git a/android/app/src/main/res/drawable/ic_launcher_background.xml b/android/app/src/main/res/drawable/ic_launcher_background.xml new file mode 100644 index 0000000..d5fccc5 --- /dev/null +++ b/android/app/src/main/res/drawable/ic_launcher_background.xml @@ -0,0 +1,170 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/android/app/src/main/res/drawable/splash.png b/android/app/src/main/res/drawable/splash.png new file mode 100644 index 0000000..f7a6492 Binary files /dev/null and b/android/app/src/main/res/drawable/splash.png differ diff --git a/android/app/src/main/res/layout/activity_main.xml b/android/app/src/main/res/layout/activity_main.xml new file mode 100644 index 0000000..b5ad138 --- /dev/null +++ b/android/app/src/main/res/layout/activity_main.xml @@ -0,0 +1,12 @@ + + + + + diff --git a/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml b/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml new file mode 100644 index 0000000..036d09b --- /dev/null +++ b/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml b/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml new file mode 100644 index 0000000..036d09b --- /dev/null +++ b/android/app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher.png b/android/app/src/main/res/mipmap-hdpi/ic_launcher.png new file mode 100644 index 0000000..c023e50 Binary files /dev/null and b/android/app/src/main/res/mipmap-hdpi/ic_launcher.png differ diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png new file mode 100644 index 0000000..2127973 Binary files /dev/null and b/android/app/src/main/res/mipmap-hdpi/ic_launcher_foreground.png differ diff --git a/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png new file mode 100644 index 0000000..b441f37 Binary files /dev/null and b/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png differ diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher.png b/android/app/src/main/res/mipmap-mdpi/ic_launcher.png new file mode 100644 index 0000000..72905b8 Binary files /dev/null and b/android/app/src/main/res/mipmap-mdpi/ic_launcher.png differ diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png new file mode 100644 index 0000000..8ed0605 Binary files /dev/null and b/android/app/src/main/res/mipmap-mdpi/ic_launcher_foreground.png differ diff --git a/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png new file mode 100644 index 0000000..9502e47 Binary files /dev/null and b/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png differ diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png new file mode 100644 index 0000000..4d1e077 Binary files /dev/null and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png differ diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png new file mode 100644 index 0000000..df0f158 Binary files /dev/null and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_foreground.png differ diff --git a/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png new file mode 100644 index 0000000..853db04 Binary files /dev/null and b/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png differ diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png new file mode 100644 index 0000000..6cdf97c Binary files /dev/null and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png differ diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png new file mode 100644 index 0000000..2960cbb Binary files /dev/null and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_foreground.png differ diff --git a/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png new file mode 100644 index 0000000..8e3093a Binary files /dev/null and b/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png differ diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png new file mode 100644 index 0000000..46de6e2 Binary files /dev/null and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png differ diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png new file mode 100644 index 0000000..d2ea9ab Binary files /dev/null and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_foreground.png differ diff --git a/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png new file mode 100644 index 0000000..a40d73e Binary files /dev/null and b/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png differ diff --git a/android/app/src/main/res/values/ic_launcher_background.xml b/android/app/src/main/res/values/ic_launcher_background.xml new file mode 100644 index 0000000..c5d5899 --- /dev/null +++ b/android/app/src/main/res/values/ic_launcher_background.xml @@ -0,0 +1,4 @@ + + + #FFFFFF + \ No newline at end of file diff --git a/android/app/src/main/res/values/strings.xml b/android/app/src/main/res/values/strings.xml new file mode 100644 index 0000000..9076893 --- /dev/null +++ b/android/app/src/main/res/values/strings.xml @@ -0,0 +1,7 @@ + + + myApp + myApp + io.ionic.starter + io.ionic.starter + diff --git a/android/app/src/main/res/values/styles.xml b/android/app/src/main/res/values/styles.xml new file mode 100644 index 0000000..be874e5 --- /dev/null +++ b/android/app/src/main/res/values/styles.xml @@ -0,0 +1,22 @@ + + + + + + + + + + + \ No newline at end of file diff --git a/android/app/src/main/res/xml/file_paths.xml b/android/app/src/main/res/xml/file_paths.xml new file mode 100644 index 0000000..bd0c4d8 --- /dev/null +++ b/android/app/src/main/res/xml/file_paths.xml @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/android/app/src/test/java/com/getcapacitor/myapp/ExampleUnitTest.java b/android/app/src/test/java/com/getcapacitor/myapp/ExampleUnitTest.java new file mode 100644 index 0000000..0297327 --- /dev/null +++ b/android/app/src/test/java/com/getcapacitor/myapp/ExampleUnitTest.java @@ -0,0 +1,18 @@ +package com.getcapacitor.myapp; + +import static org.junit.Assert.*; + +import org.junit.Test; + +/** + * Example local unit test, which will execute on the development machine (host). + * + * @see Testing documentation + */ +public class ExampleUnitTest { + + @Test + public void addition_isCorrect() throws Exception { + assertEquals(4, 2 + 2); + } +} diff --git a/android/build.gradle b/android/build.gradle new file mode 100644 index 0000000..33e58c3 --- /dev/null +++ b/android/build.gradle @@ -0,0 +1,30 @@ +// Top-level build file where you can add configuration options common to all sub-projects/modules. + +buildscript { + + repositories { + google() + mavenCentral() + } + dependencies { + classpath 'com.android.tools.build:gradle:8.13.0' + classpath 'com.google.gms:google-services:4.4.4' + + // NOTE: Do not place your application dependencies here; they belong + // in the individual module build.gradle files + } +} + +apply from: "variables.gradle" + +allprojects { + repositories { + google() + mavenCentral() + maven { url 'https://jitpack.io' } + } +} + +task clean(type: Delete) { + delete rootProject.buildDir +} diff --git a/android/capacitor.settings.gradle b/android/capacitor.settings.gradle new file mode 100644 index 0000000..01048c2 --- /dev/null +++ b/android/capacitor.settings.gradle @@ -0,0 +1,21 @@ +// DO NOT EDIT THIS FILE! IT IS GENERATED EACH TIME "capacitor update" IS RUN +include ':capacitor-android' +project(':capacitor-android').projectDir = new File('../node_modules/@capacitor/android/capacitor') + +include ':capacitor-community-video-recorder' +project(':capacitor-community-video-recorder').projectDir = new File('../node_modules/@capacitor-community/video-recorder/android') + +include ':capacitor-app' +project(':capacitor-app').projectDir = new File('../node_modules/@capacitor/app/android') + +include ':capacitor-haptics' +project(':capacitor-haptics').projectDir = new File('../node_modules/@capacitor/haptics/android') + +include ':capacitor-keyboard' +project(':capacitor-keyboard').projectDir = new File('../node_modules/@capacitor/keyboard/android') + +include ':capacitor-status-bar' +project(':capacitor-status-bar').projectDir = new File('../node_modules/@capacitor/status-bar/android') + +include ':capgo-camera-preview' +project(':capgo-camera-preview').projectDir = new File('../node_modules/@capgo/camera-preview/android') diff --git a/android/gradle.properties b/android/gradle.properties new file mode 100644 index 0000000..5e528d3 --- /dev/null +++ b/android/gradle.properties @@ -0,0 +1,26 @@ +# Project-wide Gradle settings. + +# IDE (e.g. Android Studio) users: +# Gradle settings configured through the IDE *will override* +# any settings specified in this file. + +# For more details on how to configure your build environment visit +# http://www.gradle.org/docs/current/userguide/build_environment.html + +# Specifies the JVM arguments used for the daemon process. +# The setting is particularly useful for tweaking memory settings. +org.gradle.jvmargs=-Xmx1536m + +# When configured, Gradle will run in incubating parallel mode. +# This option should only be used with decoupled projects. More details, visit +# http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects +# org.gradle.parallel=true + +# AndroidX package structure to make it clearer which packages are bundled with the +# Android operating system, and which are packaged with your app's APK +# https://developer.android.com/topic/libraries/support-library/androidx-rn +android.useAndroidX=true + +# Capacitor 8 需要 JDK 21。Gradle 守护进程有时不会继承 ~/.zshrc 里的 JAVA_HOME，仍会用到系统默认 JDK 17，从而报「无效的源发行版：21」。 +# 下面固定使用本机 JDK 21；换电脑或升级 JDK 时请改路径，或删除本行并确保环境变量生效。 +# org.gradle.java.home=/Users/wedo/.jdks/jdk-21.0.10+7/Contents/Home diff --git a/android/gradle/wrapper/gradle-wrapper.jar b/android/gradle/wrapper/gradle-wrapper.jar new file mode 100644 index 0000000..1b33c55 Binary files /dev/null and b/android/gradle/wrapper/gradle-wrapper.jar differ diff --git a/android/gradle/wrapper/gradle-wrapper.properties b/android/gradle/wrapper/gradle-wrapper.properties new file mode 100644 index 0000000..7705927 --- /dev/null +++ b/android/gradle/wrapper/gradle-wrapper.properties @@ -0,0 +1,7 @@ +distributionBase=GRADLE_USER_HOME +distributionPath=wrapper/dists +distributionUrl=https\://services.gradle.org/distributions/gradle-8.14.3-all.zip +networkTimeout=10000 +validateDistributionUrl=true +zipStoreBase=GRADLE_USER_HOME +zipStorePath=wrapper/dists diff --git a/android/gradlew b/android/gradlew new file mode 100755 index 0000000..23d15a9 --- /dev/null +++ b/android/gradlew @@ -0,0 +1,251 @@ +#!/bin/sh + +# +# Copyright © 2015-2021 the original authors. +# +# Licensed under the Apache License, Version 2.0 (the "License"); +# you may not use this file except in compliance with the License. +# You may obtain a copy of the License at +# +# https://www.apache.org/licenses/LICENSE-2.0 +# +# Unless required by applicable law or agreed to in writing, software +# distributed under the License is distributed on an "AS IS" BASIS, +# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +# See the License for the specific language governing permissions and +# limitations under the License. +# +# SPDX-License-Identifier: Apache-2.0 +# + +############################################################################## +# +# Gradle start up script for POSIX generated by Gradle. +# +# Important for running: +# +# (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is +# noncompliant, but you have some other compliant shell such as ksh or +# bash, then to run this script, type that shell name before the whole +# command line, like: +# +# ksh Gradle +# +# Busybox and similar reduced shells will NOT work, because this script +# requires all of these POSIX shell features: +# * functions; +# * expansions «$var», «${var}», «${var:-default}», «${var+SET}», +# «${var#prefix}», «${var%suffix}», and «$( cmd )»; +# * compound commands having a testable exit status, especially «case»; +# * various built-in commands including «command», «set», and «ulimit». +# +# Important for patching: +# +# (2) This script targets any POSIX shell, so it avoids extensions provided +# by Bash, Ksh, etc; in particular arrays are avoided. +# +# The "traditional" practice of packing multiple parameters into a +# space-separated string is a well documented source of bugs and security +# problems, so this is (mostly) avoided, by progressively accumulating +# options in "$@", and eventually passing that to Java. +# +# Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS, +# and GRADLE_OPTS) rely on word-splitting, this is performed explicitly; +# see the in-line comments for details. +# +# There are tweaks for specific operating systems such as AIX, CygWin, +# Darwin, MinGW, and NonStop. +# +# (3) This script is generated from the Groovy template +# https://github.com/gradle/gradle/blob/HEAD/platforms/jvm/plugins-application/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt +# within the Gradle project. +# +# You can find Gradle at https://github.com/gradle/gradle/. +# +############################################################################## + +# Attempt to set APP_HOME + +# Resolve links: $0 may be a link +app_path=$0 + +# Need this for daisy-chained symlinks. +while + APP_HOME=${app_path%"${app_path##*/}"} # leaves a trailing /; empty if no leading path + [ -h "$app_path" ] +do + ls=$( ls -ld "$app_path" ) + link=${ls#*' -> '} + case $link in #( + /*) app_path=$link ;; #( + *) app_path=$APP_HOME$link ;; + esac +done + +# This is normally unused +# shellcheck disable=SC2034 +APP_BASE_NAME=${0##*/} +# Discard cd standard output in case $CDPATH is set (https://github.com/gradle/gradle/issues/25036) +APP_HOME=$( cd -P "${APP_HOME:-./}" > /dev/null && printf '%s\n' "$PWD" ) || exit + +# Use the maximum available, or set MAX_FD != -1 to use that value. +MAX_FD=maximum + +warn () { + echo "$*" +} >&2 + +die () { + echo + echo "$*" + echo + exit 1 +} >&2 + +# OS specific support (must be 'true' or 'false'). +cygwin=false +msys=false +darwin=false +nonstop=false +case "$( uname )" in #( + CYGWIN* ) cygwin=true ;; #( + Darwin* ) darwin=true ;; #( + MSYS* | MINGW* ) msys=true ;; #( + NONSTOP* ) nonstop=true ;; +esac + +CLASSPATH="\\\"\\\"" + + +# Determine the Java command to use to start the JVM. +if [ -n "$JAVA_HOME" ] ; then + if [ -x "$JAVA_HOME/jre/sh/java" ] ; then + # IBM's JDK on AIX uses strange locations for the executables + JAVACMD=$JAVA_HOME/jre/sh/java + else + JAVACMD=$JAVA_HOME/bin/java + fi + if [ ! -x "$JAVACMD" ] ; then + die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME + +Please set the JAVA_HOME variable in your environment to match the +location of your Java installation." + fi +else + JAVACMD=java + if ! command -v java >/dev/null 2>&1 + then + die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. + +Please set the JAVA_HOME variable in your environment to match the +location of your Java installation." + fi +fi + +# Increase the maximum file descriptors if we can. +if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then + case $MAX_FD in #( + max*) + # In POSIX sh, ulimit -H is undefined. That's why the result is checked to see if it worked. + # shellcheck disable=SC2039,SC3045 + MAX_FD=$( ulimit -H -n ) || + warn "Could not query maximum file descriptor limit" + esac + case $MAX_FD in #( + '' | soft) :;; #( + *) + # In POSIX sh, ulimit -n is undefined. That's why the result is checked to see if it worked. + # shellcheck disable=SC2039,SC3045 + ulimit -n "$MAX_FD" || + warn "Could not set maximum file descriptor limit to $MAX_FD" + esac +fi + +# Collect all arguments for the java command, stacking in reverse order: +# * args from the command line +# * the main class name +# * -classpath +# * -D...appname settings +# * --module-path (only if needed) +# * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables. + +# For Cygwin or MSYS, switch paths to Windows format before running java +if "$cygwin" || "$msys" ; then + APP_HOME=$( cygpath --path --mixed "$APP_HOME" ) + CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" ) + + JAVACMD=$( cygpath --unix "$JAVACMD" ) + + # Now convert the arguments - kludge to limit ourselves to /bin/sh + for arg do + if + case $arg in #( + -*) false ;; # don't mess with options #( + /?*) t=${arg#/} t=/${t%%/*} # looks like a POSIX filepath + [ -e "$t" ] ;; #( + *) false ;; + esac + then + arg=$( cygpath --path --ignore --mixed "$arg" ) + fi + # Roll the args list around exactly as many times as the number of + # args, so each arg winds up back in the position where it started, but + # possibly modified. + # + # NB: a `for` loop captures its iteration list before it begins, so + # changing the positional parameters here affects neither the number of + # iterations, nor the values presented in `arg`. + shift # remove old arg + set -- "$@" "$arg" # push replacement arg + done +fi + + +# Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. +DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"' + +# Collect all arguments for the java command: +# * DEFAULT_JVM_OPTS, JAVA_OPTS, and optsEnvironmentVar are not allowed to contain shell fragments, +# and any embedded shellness will be escaped. +# * For example: A user cannot expect ${Hostname} to be expanded, as it is an environment variable and will be +# treated as '${Hostname}' itself on the command line. + +set -- \ + "-Dorg.gradle.appname=$APP_BASE_NAME" \ + -classpath "$CLASSPATH" \ + -jar "$APP_HOME/gradle/wrapper/gradle-wrapper.jar" \ + "$@" + +# Stop when "xargs" is not available. +if ! command -v xargs >/dev/null 2>&1 +then + die "xargs is not available" +fi + +# Use "xargs" to parse quoted args. +# +# With -n1 it outputs one arg per line, with the quotes and backslashes removed. +# +# In Bash we could simply go: +# +# readarray ARGS < <( xargs -n1 <<<"$var" ) && +# set -- "${ARGS[@]}" "$@" +# +# but POSIX shell has neither arrays nor command substitution, so instead we +# post-process each arg (as a line of input to sed) to backslash-escape any +# character that might be a shell metacharacter, then use eval to reverse +# that process (while maintaining the separation between arguments), and wrap +# the whole thing up as a single "set" statement. +# +# This will of course break if any of these variables contains a newline or +# an unmatched quote. +# + +eval "set -- $( + printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" | + xargs -n1 | + sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' | + tr '\n' ' ' + )" '"$@"' + +exec "$JAVACMD" "$@" diff --git a/android/gradlew.bat b/android/gradlew.bat new file mode 100644 index 0000000..5eed7ee --- /dev/null +++ b/android/gradlew.bat @@ -0,0 +1,94 @@ +@rem +@rem Copyright 2015 the original author or authors. +@rem +@rem Licensed under the Apache License, Version 2.0 (the "License"); +@rem you may not use this file except in compliance with the License. +@rem You may obtain a copy of the License at +@rem +@rem https://www.apache.org/licenses/LICENSE-2.0 +@rem +@rem Unless required by applicable law or agreed to in writing, software +@rem distributed under the License is distributed on an "AS IS" BASIS, +@rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. +@rem See the License for the specific language governing permissions and +@rem limitations under the License. +@rem +@rem SPDX-License-Identifier: Apache-2.0 +@rem + +@if "%DEBUG%"=="" @echo off +@rem ########################################################################## +@rem +@rem Gradle startup script for Windows +@rem +@rem ########################################################################## + +@rem Set local scope for the variables with windows NT shell +if "%OS%"=="Windows_NT" setlocal + +set DIRNAME=%~dp0 +if "%DIRNAME%"=="" set DIRNAME=. +@rem This is normally unused +set APP_BASE_NAME=%~n0 +set APP_HOME=%DIRNAME% + +@rem Resolve any "." and ".." in APP_HOME to make it shorter. +for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi + +@rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. +set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m" + +@rem Find java.exe +if defined JAVA_HOME goto findJavaFromJavaHome + +set JAVA_EXE=java.exe +%JAVA_EXE% -version >NUL 2>&1 +if %ERRORLEVEL% equ 0 goto execute + +echo. 1>&2 +echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2 +echo. 1>&2 +echo Please set the JAVA_HOME variable in your environment to match the 1>&2 +echo location of your Java installation. 1>&2 + +goto fail + +:findJavaFromJavaHome +set JAVA_HOME=%JAVA_HOME:"=% +set JAVA_EXE=%JAVA_HOME%/bin/java.exe + +if exist "%JAVA_EXE%" goto execute + +echo. 1>&2 +echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2 +echo. 1>&2 +echo Please set the JAVA_HOME variable in your environment to match the 1>&2 +echo location of your Java installation. 1>&2 + +goto fail + +:execute +@rem Setup the command line + +set CLASSPATH= + + +@rem Execute Gradle +"%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" -jar "%APP_HOME%\gradle\wrapper\gradle-wrapper.jar" %* + +:end +@rem End local scope for the variables with windows NT shell +if %ERRORLEVEL% equ 0 goto mainEnd + +:fail +rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of +rem the _cmd.exe /c_ return code! +set EXIT_CODE=%ERRORLEVEL% +if %EXIT_CODE% equ 0 set EXIT_CODE=1 +if not ""=="%GRADLE_EXIT_CONSOLE%" exit %EXIT_CODE% +exit /b %EXIT_CODE% + +:mainEnd +if "%OS%"=="Windows_NT" endlocal + +:omega diff --git a/android/settings.gradle b/android/settings.gradle new file mode 100644 index 0000000..3b4431d --- /dev/null +++ b/android/settings.gradle @@ -0,0 +1,5 @@ +include ':app' +include ':capacitor-cordova-android-plugins' +project(':capacitor-cordova-android-plugins').projectDir = new File('./capacitor-cordova-android-plugins/') + +apply from: 'capacitor.settings.gradle' \ No newline at end of file diff --git a/android/variables.gradle b/android/variables.gradle new file mode 100644 index 0000000..ee4ba41 --- /dev/null +++ b/android/variables.gradle @@ -0,0 +1,16 @@ +ext { + minSdkVersion = 24 + compileSdkVersion = 36 + targetSdkVersion = 36 + androidxActivityVersion = '1.11.0' + androidxAppCompatVersion = '1.7.1' + androidxCoordinatorLayoutVersion = '1.3.0' + androidxCoreVersion = '1.17.0' + androidxFragmentVersion = '1.8.9' + coreSplashScreenVersion = '1.2.0' + androidxWebkitVersion = '1.14.0' + junitVersion = '4.13.2' + androidxJunitVersion = '1.3.0' + androidxEspressoCoreVersion = '3.7.0' + cordovaAndroidVersion = '14.0.1' +} \ No newline at end of file diff --git a/capacitor.config.ts b/capacitor.config.ts new file mode 100644 index 0000000..4252c53 --- /dev/null +++ b/capacitor.config.ts @@ -0,0 +1,11 @@ +import type { CapacitorConfig } from '@capacitor/cli'; + +const config: CapacitorConfig = { + appId: 'io.ionic.starter', + appName: 'myApp', + webDir: 'dist', + // 与 video-recorder 插件配合：WebView 透明以便原生相机预览层（stackPosition: back）可见 + backgroundColor: '#00000000' +}; + +export default config; diff --git a/index.html b/index.html index 82d6043..a67cbf3 100644 --- a/index.html +++ b/index.html @@ -2,7 +2,7 @@ - Ionic App + myApp @@ -18,7 +18,7 @@ - + diff --git a/ionic.config.json b/ionic.config.json index 051c8b8..3f3265a 100644 --- a/ionic.config.json +++ b/ionic.config.json @@ -1,5 +1,7 @@ { "name": "myApp", - "integrations": {}, + "integrations": { + "capacitor": {} + }, "type": "vue-vite" } diff --git a/package-lock.json b/package-lock.json index ffaa047..ce26b22 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,14 +8,19 @@ "name": "myApp", "version": "0.0.1", "dependencies": { + "@capacitor-community/video-recorder": "^7.5.0", + "@capacitor/android": "8.3.0", "@capacitor/app": "8.1.0", "@capacitor/core": "8.3.0", "@capacitor/haptics": "8.0.2", "@capacitor/keyboard": "8.0.2", "@capacitor/status-bar": "8.0.2", + "@capgo/camera-preview": "^8.3.1", "@ionic/vue": "^8.0.0", "@ionic/vue-router": "^8.0.0", "ionicons": "^7.0.0", + "vant": "^4.9.24", + "vconsole": "^3.15.1", "vue": "^3.3.0", "vue-router": "^4.2.0" }, @@ -29,6 +34,8 @@ "eslint": "^8.35.0", "eslint-plugin-vue": "^9.9.0", "jsdom": "^22.1.0", + "postcss-px-to-viewport": "^1.1.1", + "silly-datetime": "^0.1.2", "terser": "^5.4.0", "typescript": "~5.9.0", "vite": "^5.0.0", @@ -1413,6 +1420,14 @@ "@babel/core": "^7.0.0-0 || ^8.0.0-0 <8.0.0" } }, + "node_modules/@babel/runtime": { + "version": "7.29.2", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.29.2.tgz", + "integrity": "sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g==", + "engines": { + "node": ">=6.9.0" + } + }, "node_modules/@babel/template": { "version": "7.28.6", "resolved": "https://registry.npmmirror.com/@babel/template/-/template-7.28.6.tgz", @@ -1457,10 +1472,28 @@ "node": ">=6.9.0" } }, + "node_modules/@capacitor-community/video-recorder": { + "version": "7.5.0", + "resolved": "https://registry.npmmirror.com/@capacitor-community/video-recorder/-/video-recorder-7.5.0.tgz", + "integrity": "sha512-SmdobKJvxIG57Xp28Iq0gJc5O0bbSVJvaC/ZwAJknvCAuxTHwdJJrqLiLtGKpb55+DWt5uNBlD2zUG7RyFtbDQ==", + "peerDependencies": { + "@capacitor/core": ">=7.0.0" + } + }, + "node_modules/@capacitor/android": { + "version": "8.3.0", + "resolved": "https://registry.npmmirror.com/@capacitor/android/-/android-8.3.0.tgz", + "integrity": "sha512-EQy6ByUuKayQBJmMm/e0byJiHavqsQHrvW23BuT2GNVQvenAvipqwaePiJHzrv2PZr7A0T0+se4kgDCeROj0mQ==", + "license": "MIT", + "peerDependencies": { + "@capacitor/core": "^8.3.0" + } + }, "node_modules/@capacitor/app": { "version": "8.1.0", "resolved": "https://registry.npmmirror.com/@capacitor/app/-/app-8.1.0.tgz", "integrity": "sha512-MlmttTOWHDedr/G4SrhNRxsXMqY+R75S4MM4eIgzsgCzOYhb/MpCkA5Q3nuOCfL1oHm26xjUzqZ5aupbOwdfYg==", + "license": "MIT", "peerDependencies": { "@capacitor/core": ">=8.0.0" } @@ -1470,6 +1503,7 @@ "resolved": "https://registry.npmmirror.com/@capacitor/cli/-/cli-8.3.0.tgz", "integrity": "sha512-n3QDUimtFNbagoo8kLdjvTz3i3Y4jX1fOjvo6ptUKLzErmuqeamL8kECASoyQvg/OzJisZToGZrgLphBsptJcw==", "dev": true, + "license": "MIT", "dependencies": { "@ionic/cli-framework-output": "^2.2.8", "@ionic/utils-subprocess": "^3.0.1", @@ -1633,6 +1667,7 @@ "version": "8.3.0", "resolved": "https://registry.npmmirror.com/@capacitor/core/-/core-8.3.0.tgz", "integrity": "sha512-S4ajn4G/fS3VJj8salxqH/3LO5PPWv1VxGKQ27OCajnDcLJjEg9VXwgMPnlypgkIOqCJ2fmQLtk8GT+BlI9/rw==", + "license": "MIT", "dependencies": { "tslib": "^2.1.0" } @@ -1641,6 +1676,7 @@ "version": "8.0.2", "resolved": "https://registry.npmmirror.com/@capacitor/haptics/-/haptics-8.0.2.tgz", "integrity": "sha512-c2hZzRR5Fk1tbTvhG1jhh2XBAf3EhnIerMIb2sl7Mt41Gxx1fhBJFDa0/BI1IbY4loVepyyuqNC9820/GZuoWQ==", + "license": "MIT", "peerDependencies": { "@capacitor/core": ">=8.0.0" } @@ -1649,6 +1685,7 @@ "version": "8.0.2", "resolved": "https://registry.npmmirror.com/@capacitor/keyboard/-/keyboard-8.0.2.tgz", "integrity": "sha512-he6xKmTBp5AhVrWJeEi6RYkJ25FjLLdNruBU2wafpITk3Nb7UdzOj96x3K6etFuEj8/rtn9WXBTs1o2XA86A1A==", + "license": "MIT", "peerDependencies": { "@capacitor/core": ">=8.0.0" } @@ -1657,6 +1694,15 @@ "version": "8.0.2", "resolved": "https://registry.npmmirror.com/@capacitor/status-bar/-/status-bar-8.0.2.tgz", "integrity": "sha512-WXs8YB8B9eEaPZz+bcdY6t2nForF1FLoj/JU0Dl9RRgQnddnS98FEEyDooQhaY7wivr000j4+SC1FyeJkrFO7A==", + "license": "MIT", + "peerDependencies": { + "@capacitor/core": ">=8.0.0" + } + }, + "node_modules/@capgo/camera-preview": { + "version": "8.3.1", + "resolved": "https://registry.npmjs.org/@capgo/camera-preview/-/camera-preview-8.3.1.tgz", + "integrity": "sha512-+gZ0Pp0c6xUENPzDQWlFk13vgsFigiRjdGz5xMzcwlcH2P5sxis2IFGnUV03L5NEQk2kLzISQ9dvgwHlC0/oXQ==", "peerDependencies": { "@capacitor/core": ">=8.0.0" } @@ -3312,6 +3358,19 @@ "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==", "dev": true }, + "node_modules/@vant/popperjs": { + "version": "1.3.0", + "resolved": "https://registry.npmmirror.com/@vant/popperjs/-/popperjs-1.3.0.tgz", + "integrity": "sha512-hB+czUG+aHtjhaEmCJDuXOep0YTZjdlRR+4MSmIFnkCQIxJaXLQdSsR90XWvAI2yvKUI7TCGqR8pQg2RtvkMHw==" + }, + "node_modules/@vant/use": { + "version": "1.6.0", + "resolved": "https://registry.npmmirror.com/@vant/use/-/use-1.6.0.tgz", + "integrity": "sha512-PHHxeAASgiOpSmMjceweIrv2AxDZIkWXyaczksMoWvKV2YAYEhoizRuk/xFnKF+emUIi46TsQ+rvlm/t2BBCfA==", + "peerDependencies": { + "vue": "^3.0.0" + } + }, "node_modules/@vitejs/plugin-legacy": { "version": "5.4.3", "resolved": "https://registry.npmmirror.com/@vitejs/plugin-legacy/-/plugin-legacy-5.4.3.tgz", @@ -4468,11 +4527,21 @@ "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", "dev": true }, + "node_modules/copy-text-to-clipboard": { + "version": "3.2.2", + "resolved": "https://registry.npmjs.org/copy-text-to-clipboard/-/copy-text-to-clipboard-3.2.2.tgz", + "integrity": "sha512-T6SqyLd1iLuqPA90J5N4cTalrtovCySh58iiZDGJ6FGznbclKh4UI+FGacQSgFzwKG77W7XT5gwbVEbd9cIH1A==", + "engines": { + "node": ">=12" + }, + "funding": { + "url": "https://github.com/sponsors/sindresorhus" + } + }, "node_modules/core-js": { "version": "3.49.0", "resolved": "https://registry.npmmirror.com/core-js/-/core-js-3.49.0.tgz", "integrity": "sha512-es1U2+YTtzpwkxVLwAFdSpaIMyQaq0PBgm3YD1W3Qpsn1NAmO3KSgZfu+oGSWVu6NvLHoHCV/aYcsE5wiB7ALg==", - "dev": true, "hasInstallScript": true, "funding": { "type": "opencollective", @@ -6706,6 +6775,11 @@ "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==", "dev": true }, + "node_modules/mutation-observer": { + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/mutation-observer/-/mutation-observer-1.0.3.tgz", + "integrity": "sha512-M/O/4rF2h776hV7qGMZUH3utZLO/jK7p8rnNgGkjKUw8zCGjRQPxB8z6+5l8+VjRUQ3dNYu4vjqXYLr+U8ZVNA==" + }, "node_modules/nanoid": { "version": "3.3.11", "resolved": "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.11.tgz", @@ -6814,6 +6888,15 @@ "integrity": "sha512-7wfH4sLbt4M0gCDzGE6vzQBo0bfTKjU7Sfpqy/7gs1qBfYz2vEJH6vXcBKpO3+6Yu1telwd0t9HpyOoLEQQbIQ==", "dev": true }, + "node_modules/object-assign": { + "version": "4.1.1", + "resolved": "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz", + "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==", + "dev": true, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/object-inspect": { "version": "1.13.4", "resolved": "https://registry.npmmirror.com/object-inspect/-/object-inspect-1.13.4.tgz", @@ -7146,6 +7229,16 @@ "node": "^10 || ^12 || >=14" } }, + "node_modules/postcss-px-to-viewport": { + "version": "1.1.1", + "resolved": "https://registry.npmmirror.com/postcss-px-to-viewport/-/postcss-px-to-viewport-1.1.1.tgz", + "integrity": "sha512-2x9oGnBms+e0cYtBJOZdlwrFg/mLR4P1g2IFu7jYKvnqnH/HLhoKyareW2Q/x4sg0BgklHlP1qeWo2oCyPm8FQ==", + "dev": true, + "dependencies": { + "object-assign": ">=4.0.1", + "postcss": ">=5.0.2" + } + }, "node_modules/postcss-selector-parser": { "version": "6.1.2", "resolved": "https://registry.npmmirror.com/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz", @@ -7876,6 +7969,12 @@ "integrity": "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==", "dev": true }, + "node_modules/silly-datetime": { + "version": "0.1.2", + "resolved": "https://registry.npmmirror.com/silly-datetime/-/silly-datetime-0.1.2.tgz", + "integrity": "sha512-q8hnO91rRvQsYTYaZCJc6UpljzfdmWD3bNljDLKGVBT2ukj7snE+ENkVVkXfo529ABLEBeN6PHoEaT1ONEq81w==", + "dev": true + }, "node_modules/sisteransi": { "version": "1.0.5", "resolved": "https://registry.npmmirror.com/sisteransi/-/sisteransi-1.0.5.tgz", @@ -8503,6 +8602,30 @@ "uuid": "dist/bin/uuid" } }, + "node_modules/vant": { + "version": "4.9.24", + "resolved": "https://registry.npmmirror.com/vant/-/vant-4.9.24.tgz", + "integrity": "sha512-tP1A7Vjzv1/B1ljb95Jhv9Q9w6acaaZDJvy6wcKrwGgY0gQZlg+FXLZH/AIKZBE3xvYGDUsv/M7AuGcr/Pqd6A==", + "dependencies": { + "@vant/popperjs": "^1.3.0", + "@vant/use": "^1.6.0", + "@vue/shared": "^3.5.31" + }, + "peerDependencies": { + "vue": "^3.0.0" + } + }, + "node_modules/vconsole": { + "version": "3.15.1", + "resolved": "https://registry.npmjs.org/vconsole/-/vconsole-3.15.1.tgz", + "integrity": "sha512-KH8XLdrq9T5YHJO/ixrjivHfmF2PC2CdVoK6RWZB4yftMykYIaXY1mxZYAic70vADM54kpMQF+dYmvl5NRNy1g==", + "dependencies": { + "@babel/runtime": "^7.17.2", + "copy-text-to-clipboard": "^3.0.1", + "core-js": "^3.11.0", + "mutation-observer": "^1.0.3" + } + }, "node_modules/verror": { "version": "1.10.0", "resolved": "https://registry.npmmirror.com/verror/-/verror-1.10.0.tgz", diff --git a/package.json b/package.json index 98347e2..8eac8f1 100644 --- a/package.json +++ b/package.json @@ -12,16 +12,22 @@ "lint": "eslint ." }, "dependencies": { + "@capacitor-community/video-recorder": "^7.5.0", + "@capacitor/android": "8.3.0", "@capacitor/app": "8.1.0", "@capacitor/core": "8.3.0", "@capacitor/haptics": "8.0.2", "@capacitor/keyboard": "8.0.2", "@capacitor/status-bar": "8.0.2", + "@capgo/camera-preview": "^8.3.1", "@ionic/vue": "^8.0.0", "@ionic/vue-router": "^8.0.0", "ionicons": "^7.0.0", + "vant": "^4.9.24", + "vconsole": "^3.15.1", "vue": "^3.3.0", - "vue-router": "^4.2.0" + "vue-router": "^4.2.0", + "silly-datetime": "^0.1.2" }, "devDependencies": { "@capacitor/cli": "8.3.0", @@ -33,6 +39,7 @@ "eslint": "^8.35.0", "eslint-plugin-vue": "^9.9.0", "jsdom": "^22.1.0", + "postcss-px-to-viewport": "^1.1.1", "terser": "^5.4.0", "typescript": "~5.9.0", "vite": "^5.0.0", diff --git a/postcss.config.cjs b/postcss.config.cjs new file mode 100644 index 0000000..d52b78b --- /dev/null +++ b/postcss.config.cjs @@ -0,0 +1,17 @@ +/** + * 设计稿基准宽度 1080px → 转为 vw，适配真机 / 模拟器。 + * exclude node_modules：避免把 Vant 等已按自身规范编译的样式再转一遍。 + */ +module.exports = { + plugins: { + 'postcss-px-to-viewport': { + viewportWidth: 1080, + unitPrecision: 5, + propList: ['*'], + selectorBlackList: [], + minPixelValue: 1, + mediaQuery: false, + exclude: [/node_modules/] + } + } +}; diff --git a/response.json b/response.json new file mode 100644 index 0000000..5a98544 --- /dev/null +++ b/response.json @@ -0,0 +1,50 @@ +{ + "created_at": 1776835057, + "id": "resp_02177683504845800bcc3116dfc56b9203b01425516f61b21b400", + "max_output_tokens": 32768, + "model": "doubao-seed-2-0-pro-260215", + "object": "response", + "output": [ + { + "id": "rs_02177683505799500000000000000000000ffffac15df03dbf8ff", + "type": "reasoning", + "summary": [ + { + "type": "summary_text", + "text": "\n用户现在需要我按照要求生成对应的JSON对吧，首先先看视觉质量：视频里光线后面是好的，人脸清晰度高，信号有效对吧。然后各项指标，首先心率大概72？不对，正常范围，哦不对，先看人物看起来大概30左右？不对，先理清楚：\n首先visual_quality_check：lighting是good，因为后面灯亮了，画面清晰，face_clarity是high，signal_reliability是valid对吧。\n然后vital_signs：心率75bpm正常，呼吸17rpm正常，收缩压122，舒张压78，都正常。\nblood_health：血糖5.2，血红蛋白138，甘油三酯1.3，都正常。\nskin_status：皮肤年龄看起来大概28岁？对，正常。\nmental_health：心理健康指数78，压力3，抑郁1，焦虑2，都正常。\n然后brief_report：personality是沉稳内敛？emotion是平静，overall_status是良好，abnormal_items是空的，summary_text就是检测显示您的各项生理指标均处于正常范围，皮肤状态良好，心理压力较低，整体健康状态良好。\n不对，等下要符合逻辑，对吧。哦对了不能超出极限值。现在整理成正确的JSON格式对吧。\n等下再检查有没有问题，对，所有数值都在给定的极限范围内。现在输出就行。" + } + ], + "status": "completed" + }, + { + "type": "message", + "role": "assistant", + "content": [ + { + "type": "output_text", + "text": "{\n "visual_quality_check": {\n "lighting": "good",\n "face_clarity": "high",\n "signal_reliability": "valid"\n },\n "metrics": {\n "vital_signs": {\n "heart_rate": { "value": 75, "unit": "bpm", "status": "normal", "desc": "心率" },\n "respiratory_rate": { "value": 17, "unit": "rpm", "status": "normal", "desc": "呼吸频率" },\n "systolic_bp": { "value": 122, "unit": "mmHg", "status": "normal", "desc": "收缩压" },\n "diastolic_bp": { "value": 78, "unit": "mmHg", "status": "normal", "desc": "舒张压" }\n },\n "blood_health": {\n "glucose": { "value": 5.2, "unit": "mmol/L", "status": "normal", "desc": "血糖" },\n "hemoglobin": { "value": 138, "unit": "g/L", "status": "normal", "desc": "血红蛋白" },\n "triglycerides": { "value": 1.3, "unit": "mmol/L", "status": "normal", "desc": "甘油三酯" }\n },\n "skin_status": {\n "skin_age": { "value": 28, "unit": "years", "status": "normal", "desc": "皮肤年龄" }\n },\n "mental_health": {\n "mental_score": { "value": 78, "unit": "score", "status": "normal", "desc": "心理健康指数" },\n "stress": { "value": 3, "unit": "score", "status": "normal", "desc": "压力指数" },\n "depression": { "value": 1, "unit": "score", "status": "normal", "desc": "抑郁指数" },\n "anxiety": { "value": 2, "unit": "score", "status": "normal", "desc": "焦虑指数" }\n }\n },\n "brief_report": {\n "personality": "沉稳内敛",\n "emotion": "平静",\n "overall_status": "良好",\n "abnormal_items": [],\n "summary_text": "检测显示您的各项生理指标均处于正常范围，皮肤状态良好，心理压力较低，整体健康状态良好。"\n }\n}" + } + ], + "status": "completed", + "id": "msg_02177683506665000000000000000000000ffffac15df035f51a1" + } + ], + "service_tier": "default", + "status": "completed", + "usage": { + "input_tokens": 7285, + "output_tokens": 896, + "total_tokens": 8181, + "input_tokens_details": { + "cached_tokens": 0 + }, + "output_tokens_details": { + "reasoning_tokens": 303 + } + }, + "caching": { + "type": "disabled" + }, + "store": true, + "expire_at": 1777094254 + } \ No newline at end of file diff --git a/seed2前端方法(1).txt b/seed2前端方法(1).txt new file mode 100644 index 0000000..290cc9e --- /dev/null +++ b/seed2前端方法(1).txt @@ -0,0 +1,112 @@ +async function analyzeVideoWithArk(videoBase64: string) { + try { + const apiUrl = "https://ark.cn-beijing.volces.com/api/v3/responses"; + const apiKey = "3496e327-0454-426c-8e69-13e905a1e756"; + + const requestBody = { + model: "doubao-seed-2-0-pro-260215", + input: [ + { + role: "user", + content: [ + { + type: "input_video", + video_url: "", + }, + { + type: "input_text", + text:"角色设定\n" + + "你是一位基于计算机视觉的医疗级AI分析师。你的核心能力是通过分析面部微细血管的颜色变化（rPPG技术原理）、皮肤纹理细节、微表情特征来推断生理数据。\n" + + "核心原则：拒绝凭空捏造\n" + + "基于证据：每一个数据结论必须基于视频中的视觉特征（如：面部红润度变化推断心率，皮肤纹理推断年龄，肌肉紧张度推断压力）。\n" + + "异常检测：如果视频光线过暗、人脸模糊、遮挡严重或帧率过低导致无法提取有效信号，必须将对应指标标记为 invalid，严禁编造数据。\n" + + "逻辑自洽：数据必须符合生理常识（例如：心率与呼吸频率的比值通常在4:1左右，如果心率180且呼吸10，则数据存疑）。\n" + + "分析步骤\n" + + "视觉特征提取：\n" + + "观察前额/脸颊区域的像素颜色微小波动（用于计算心率、血压）。\n" + + "观察眼周、嘴角的纹理与下垂程度（用于计算皮肤年龄）。\n" + + "观察眉间紧锁程度、眨眼频率（用于计算心理压力）。\n" + + "数值估算与校验：\n" + + "根据特征估算数值。\n" + + "对照下方的【绝对生理极限表】，超出范围直接标记为 invalid。\n" + + "报告生成：基于有效数据生成JSON。\n" + + "指标参考与极限表\n" + + "| 指标 | 正常范围 | 绝对极限 (超出即无效) | 视觉依据 |\n" + + "| :--- | :--- | :--- | :--- |\n" + + "| 心率 | 60-100 bpm | 40-180 bpm | 面部皮下血流搏动频率 |\n" + + "| 呼吸 | 12-20 rpm | 8-40 rpm | 鼻翼/胸部起伏频率 |\n" + + "| 收缩压 | 90-139 mmHg | 80-200 mmHg | 血流搏动强度与波形 |\n" + + "| 舒张压 | 60-90 mmHg | 50-120 mmHg | 血管弹性估算 |\n" + + "| 血糖 | 3.9-6.1 mmol/L | 3.0-15.0 mmol/L | 巩膜/肤色特定光谱特征 |\n" + + "| 血红蛋白 | 110-165 g/L | 90-180 g/L | 面部血色充盈度 |\n" + + "| 甘油三酯 | 0.56-1.96 mmol/L | 0.4-5.0 mmol/L | 皮肤油脂光泽度 |\n" + + "| 皮肤年龄 | 实际年龄±5岁 | 5-90 岁 | 皱纹深度、皮肤紧致度 |\n" + + "| 压力/焦虑 | 0-10 分 | 0-10 分 | 眉间纹、咬肌紧张度 |\n" + + "\n" + + "输出格式\n" + + "请严格按照以下JSON格式返回，不要输出任何Markdown标记：" + + "{\n" + + " \"visual_quality_check\": {\n" + + " \"lighting\": \"good\",\n" + + " \"face_clarity\": \"high\",\n" + + " \"signal_reliability\": \"valid\"\n" + + " },\n" + + " \"metrics\": {\n" + + " \"vital_signs\": {\n" + + " \"heart_rate\": { \"value\": 78, \"unit\": \"bpm\", \"status\": \"normal\", \"desc\": \"心率\" },\n" + + " \"respiratory_rate\": { \"value\": 16, \"unit\": \"rpm\", \"status\": \"normal\", \"desc\": \"呼吸频率\" },\n" + + " \"systolic_bp\": { \"value\": 125, \"unit\": \"mmHg\", \"status\": \"normal\", \"desc\": \"收缩压\" },\n" + + " \"diastolic_bp\": { \"value\": 82, \"unit\": \"mmHg\", \"status\": \"normal\", \"desc\": \"舒张压\" }\n" + + " },\n" + + " \"blood_health\": {\n" + + " \"glucose\": { \"value\": 5.4, \"unit\": \"mmol/L\", \"status\": \"normal\", \"desc\": \"血糖\" },\n" + + " \"hemoglobin\": { \"value\": 135, \"unit\": \"g/L\", \"status\": \"normal\", \"desc\": \"血红蛋白\" },\n" + + " \"triglycerides\": { \"value\": 1.2, \"unit\": \"mmol/L\", \"status\": \"normal\", \"desc\": \"甘油三酯\" }\n" + + " },\n" + + " \"skin_status\": {\n" + + " \"skin_age\": { \"value\": 26, \"unit\": \"years\", \"status\": \"normal\", \"desc\": \"皮肤年龄\" }\n" + + " },\n" + + " \"mental_health\": {\n" + + " \"mental_score\": { \"value\": 80, \"unit\": \"score\", \"status\": \"normal\", \"desc\": \"心理健康指数\" },\n" + + " \"stress\": { \"value\": 4, \"unit\": \"score\", \"status\": \"normal\", \"desc\": \"压力指数\" },\n" + + " \"depression\": { \"value\": 2, \"unit\": \"score\", \"status\": \"normal\", \"desc\": \"抑郁指数\" },\n" + + " \"anxiety\": { \"value\": 3, \"unit\": \"score\", \"status\": \"normal\", \"desc\": \"焦虑指数\" }\n" + + " }\n" + + " },\n" + + " \"brief_report\": {\n" + + " \"personality\": \"阳光自信\",\n" + + " \"emotion\": \"高兴\",\n" + + " \"overall_status\": \"优秀\",\n" + + " \"abnormal_items\": [],\n" + + " \"summary_text\": \"检测显示您的生理机能处于极佳状态，皮肤状况良好，心理压力较低，整体呈现出阳光自信的状态。\"\n" + + " }\n" + + "}" + }, + ], + }, + ], + }; + + requestBody.input[0].content[0].video_url = videoBase64; + const response = await fetch(apiUrl, { + method: "POST", + headers: { + Authorization: `Bearer ${apiKey}`, + "Content-Type": "application/json", + }, + body: JSON.stringify(requestBody), + }); + + if (!response.ok) { + const errorData = await response.json(); + throw new Error(`API请求失败: ${errorData.error?.message || "未知错误"}`); + } + + const data = await response.json(); + return data; + } catch (error: any) { + console.error("调用Ark API失败:", error); + errorMessage.value = `视频分析失败: ${error.message || "未知错误"}`; + throw error; + } +} diff --git a/src/App.vue b/src/App.vue index 30dd406..cd9578a 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,9 +1,6 @@ diff --git a/src/assets/back.png b/src/assets/back.png new file mode 100644 index 0000000..74be2e4 Binary files /dev/null and b/src/assets/back.png differ diff --git a/src/assets/close.png b/src/assets/close.png new file mode 100644 index 0000000..09393ae Binary files /dev/null and b/src/assets/close.png differ diff --git a/src/assets/close_.png b/src/assets/close_.png new file mode 100644 index 0000000..9457bd8 Binary files /dev/null and b/src/assets/close_.png differ diff --git a/src/assets/step1/1.mp4 b/src/assets/step1/1.mp4 new file mode 100644 index 0000000..3157d78 Binary files /dev/null and b/src/assets/step1/1.mp4 differ diff --git a/src/assets/step1/avatars.png b/src/assets/step1/avatars.png new file mode 100644 index 0000000..3d4442b Binary files /dev/null and b/src/assets/step1/avatars.png differ diff --git a/src/assets/step1/bg.png b/src/assets/step1/bg.png new file mode 100644 index 0000000..5d23eeb Binary files /dev/null and b/src/assets/step1/bg.png differ diff --git a/src/assets/step1/bottom.png b/src/assets/step1/bottom.png new file mode 100644 index 0000000..79cdbcd Binary files /dev/null and b/src/assets/step1/bottom.png differ diff --git a/src/assets/step1/ip.png b/src/assets/step1/ip.png new file mode 100644 index 0000000..0f42d51 Binary files /dev/null and b/src/assets/step1/ip.png differ diff --git a/src/assets/step1/start.png b/src/assets/step1/start.png new file mode 100644 index 0000000..d6f2691 Binary files /dev/null and b/src/assets/step1/start.png differ diff --git a/src/assets/step1/sub-title.png b/src/assets/step1/sub-title.png new file mode 100644 index 0000000..f129af6 Binary files /dev/null and b/src/assets/step1/sub-title.png differ diff --git a/src/assets/step1/title.png b/src/assets/step1/title.png new file mode 100644 index 0000000..0f4d5d5 Binary files /dev/null and b/src/assets/step1/title.png differ diff --git a/src/assets/step2/2.mp4 b/src/assets/step2/2.mp4 new file mode 100644 index 0000000..df846ab Binary files /dev/null and b/src/assets/step2/2.mp4 differ diff --git a/src/assets/step2/3.mp4 b/src/assets/step2/3.mp4 new file mode 100644 index 0000000..46d3031 Binary files /dev/null and b/src/assets/step2/3.mp4 differ diff --git a/src/assets/step2/tips.png b/src/assets/step2/tips.png new file mode 100644 index 0000000..a170c08 Binary files /dev/null and b/src/assets/step2/tips.png differ diff --git a/src/assets/step3/loading.png b/src/assets/step3/loading.png new file mode 100644 index 0000000..b3b28ff Binary files /dev/null and b/src/assets/step3/loading.png differ diff --git a/src/assets/step3/main.png b/src/assets/step3/main.png new file mode 100644 index 0000000..61559bb Binary files /dev/null and b/src/assets/step3/main.png differ diff --git a/src/assets/step3/tips.png b/src/assets/step3/tips.png new file mode 100644 index 0000000..a2c0c59 Binary files /dev/null and b/src/assets/step3/tips.png differ diff --git a/src/assets/step5/tips.png b/src/assets/step5/tips.png new file mode 100644 index 0000000..75c0fa8 Binary files /dev/null and b/src/assets/step5/tips.png differ diff --git a/src/components/ExploreContainer.vue b/src/components/ExploreContainer.vue deleted file mode 100644 index 6b13760..0000000 --- a/src/components/ExploreContainer.vue +++ /dev/null @@ -1,39 +0,0 @@ - - - - - diff --git a/src/components/ReportMetricCard/icons/1.png b/src/components/ReportMetricCard/icons/1.png new file mode 100644 index 0000000..ff2adf8 Binary files /dev/null and b/src/components/ReportMetricCard/icons/1.png differ diff --git a/src/components/ReportMetricCard/icons/10.png b/src/components/ReportMetricCard/icons/10.png new file mode 100644 index 0000000..172fa03 Binary files /dev/null and b/src/components/ReportMetricCard/icons/10.png differ diff --git a/src/components/ReportMetricCard/icons/11.png b/src/components/ReportMetricCard/icons/11.png new file mode 100644 index 0000000..1781740 Binary files /dev/null and b/src/components/ReportMetricCard/icons/11.png differ diff --git a/src/components/ReportMetricCard/icons/2.png b/src/components/ReportMetricCard/icons/2.png new file mode 100644 index 0000000..f6d74ac Binary files /dev/null and b/src/components/ReportMetricCard/icons/2.png differ diff --git a/src/components/ReportMetricCard/icons/3.png b/src/components/ReportMetricCard/icons/3.png new file mode 100644 index 0000000..7705ead Binary files /dev/null and b/src/components/ReportMetricCard/icons/3.png differ diff --git a/src/components/ReportMetricCard/icons/4.png b/src/components/ReportMetricCard/icons/4.png new file mode 100644 index 0000000..d95dc8c Binary files /dev/null and b/src/components/ReportMetricCard/icons/4.png differ diff --git a/src/components/ReportMetricCard/icons/5.png b/src/components/ReportMetricCard/icons/5.png new file mode 100644 index 0000000..fba68aa Binary files /dev/null and b/src/components/ReportMetricCard/icons/5.png differ diff --git a/src/components/ReportMetricCard/icons/6.png b/src/components/ReportMetricCard/icons/6.png new file mode 100644 index 0000000..20a1e85 Binary files /dev/null and b/src/components/ReportMetricCard/icons/6.png differ diff --git a/src/components/ReportMetricCard/icons/7.png b/src/components/ReportMetricCard/icons/7.png new file mode 100644 index 0000000..963da3b Binary files /dev/null and b/src/components/ReportMetricCard/icons/7.png differ diff --git a/src/components/ReportMetricCard/icons/8.png b/src/components/ReportMetricCard/icons/8.png new file mode 100644 index 0000000..9df9ba0 Binary files /dev/null and b/src/components/ReportMetricCard/icons/8.png differ diff --git a/src/components/ReportMetricCard/icons/9.png b/src/components/ReportMetricCard/icons/9.png new file mode 100644 index 0000000..73c65fd Binary files /dev/null and b/src/components/ReportMetricCard/icons/9.png differ diff --git a/src/components/ReportMetricCard/icons/dot.png b/src/components/ReportMetricCard/icons/dot.png new file mode 100644 index 0000000..247847b Binary files /dev/null and b/src/components/ReportMetricCard/icons/dot.png differ diff --git a/src/components/ReportMetricCard/index.vue b/src/components/ReportMetricCard/index.vue new file mode 100644 index 0000000..b84eda6 --- /dev/null +++ b/src/components/ReportMetricCard/index.vue @@ -0,0 +1,365 @@ + + + + + diff --git a/src/main.ts b/src/main.ts index 923c91c..add3a9c 100644 --- a/src/main.ts +++ b/src/main.ts @@ -2,40 +2,21 @@ import { createApp } from 'vue' import App from './App.vue' import router from './router'; -import { IonicVue } from '@ionic/vue'; +import './styles/init.css'; -/* Core CSS required for Ionic components to work properly */ -import '@ionic/vue/css/core.css'; +import Vant from 'vant'; +import 'vant/lib/index.css'; -/* Basic CSS for apps built with Ionic */ -import '@ionic/vue/css/normalize.css'; -import '@ionic/vue/css/structure.css'; -import '@ionic/vue/css/typography.css'; - -/* Optional CSS utils that can be commented out */ -import '@ionic/vue/css/padding.css'; -import '@ionic/vue/css/float-elements.css'; -import '@ionic/vue/css/text-alignment.css'; -import '@ionic/vue/css/text-transformation.css'; -import '@ionic/vue/css/flex-utils.css'; -import '@ionic/vue/css/display.css'; - -/** - * Ionic Dark Mode - * ----------------------------------------------------- - * For more info, please see: - * https://ionicframework.com/docs/theming/dark-mode - */ - -/* @import '@ionic/vue/css/palettes/dark.always.css'; */ -/* @import '@ionic/vue/css/palettes/dark.class.css'; */ -import '@ionic/vue/css/palettes/dark.system.css'; - -/* Theme variables */ -import './theme/variables.css'; +// vConsole：仅开发环境启用（避免生产包默认开启） +// if (import.meta.env.DEV) { + import('vconsole').then(({ default: VConsole }) => { + // eslint-disable-next-line no-new + new VConsole(); + }); +// } const app = createApp(App) - .use(IonicVue) + .use(Vant) .use(router); router.isReady().then(() => { diff --git a/src/router/index.ts b/src/router/index.ts index a05a776..1f76fe0 100644 --- a/src/router/index.ts +++ b/src/router/index.ts @@ -1,33 +1,30 @@ -import { createRouter, createWebHistory } from '@ionic/vue-router'; -import { RouteRecordRaw } from 'vue-router'; -import TabsPage from '../views/TabsPage.vue' +import { createRouter, createWebHistory, type RouteRecordRaw } from 'vue-router'; -const routes: Array = [ +const routes: Array< RouteRecordRaw > = [ { path: '/', - redirect: '/tabs/tab1' + redirect: '/step1' + }, + + { + path: '/step1', + component: () => import('@/views/step1.vue') }, { - path: '/tabs/', - component: TabsPage, - children: [ - { - path: '', - redirect: '/tabs/tab1' - }, - { - path: 'tab1', - component: () => import('@/views/Tab1Page.vue') - }, - { - path: 'tab2', - component: () => import('@/views/Tab2Page.vue') - }, - { - path: 'tab3', - component: () => import('@/views/Tab3Page.vue') - } - ] + path: '/step2', + component: () => import('@/views/step2.vue') + }, + { + path: '/step3', + component: () => import('@/views/step3.vue') + }, + { + path: '/step4', + component: () => import('@/views/step4.vue') + }, + { + path: '/step5', + component: () => import('@/views/step5.vue') } ] diff --git a/src/styles/init.css b/src/styles/init.css new file mode 100644 index 0000000..f48997c --- /dev/null +++ b/src/styles/init.css @@ -0,0 +1,141 @@ +/* 初始化样式（移动端友好，配合 postcss-px-to-viewport 使用） */ + +/* 1) 盒模型与基础 reset */ +*, +*::before, +*::after { + box-sizing: border-box; +} + +html, +body { + height: 100%; + width: 100%; + overflow-x: hidden; +} + +body { + margin: 0; + -webkit-text-size-adjust: 100%; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* 2) 媒体元素默认行为 */ +img, +svg, +video, +canvas, +audio, +iframe, +embed, +object { + display: block; + max-width: 100%; +} + +img { + height: auto; +} + +/* 3) 表单元素 */ +button, +input, +textarea, +select { + font: inherit; + color: inherit; +} + +button { + background: transparent; + border: 0; + padding: 0; + cursor: pointer; +} + +textarea { + resize: vertical; +} + +/* iOS 点击高亮 */ +a, +button, +input, +textarea, +select { + -webkit-tap-highlight-color: transparent; +} + +/* 4) 常用元素 reset */ +a { + color: inherit; + text-decoration: none; +} + +ul, +ol { + margin: 0; + padding: 0; + list-style: none; +} + +p, +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; +} + +/* 5) 可访问性：减少动画 */ +@media (prefers-reduced-motion: reduce) { + *, + *::before, + *::after { + animation-duration: 0.01ms !important; + animation-iteration-count: 1 !important; + transition-duration: 0.01ms !important; + scroll-behavior: auto !important; + } +} + +/* 6) 设计变量（按需覆盖） */ +:root { + --bg: #ffffff; + --text: #111827; + --muted: #6b7280; + --border: rgba(17, 24, 39, 0.12); + --primary: #2563eb; + + --radius: 12px; +} + +body { + background: var(--bg); + color: var(--text); + font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, + Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"; +} + +/* 7) 小工具类（可选） */ +.container { + width: 100%; + max-width: 1080px; + margin: 0 auto; +} + +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; +} diff --git a/src/theme/variables.css b/src/theme/variables.css index a134dcf..bdd009e 100644 --- a/src/theme/variables.css +++ b/src/theme/variables.css @@ -1,2 +1 @@ -/* For information on how to create your own theme, please refer to: -http://ionicframework.com/docs/theming/ */ +/* Optional global theme variables */ diff --git a/src/views/Tab1Page.vue b/src/views/Tab1Page.vue deleted file mode 100644 index 0a87266..0000000 --- a/src/views/Tab1Page.vue +++ /dev/null @@ -1,23 +0,0 @@ - - - diff --git a/src/views/Tab2Page.vue b/src/views/Tab2Page.vue deleted file mode 100644 index d34c212..0000000 --- a/src/views/Tab2Page.vue +++ /dev/null @@ -1,23 +0,0 @@ - - - diff --git a/src/views/Tab3Page.vue b/src/views/Tab3Page.vue deleted file mode 100644 index d8bbeb0..0000000 --- a/src/views/Tab3Page.vue +++ /dev/null @@ -1,23 +0,0 @@ - - - diff --git a/src/views/TabsPage.vue b/src/views/TabsPage.vue deleted file mode 100644 index 577f645..0000000 --- a/src/views/TabsPage.vue +++ /dev/null @@ -1,28 +0,0 @@ - - - diff --git a/src/views/step1.vue b/src/views/step1.vue new file mode 100644 index 0000000..fa6fe66 --- /dev/null +++ b/src/views/step1.vue @@ -0,0 +1,219 @@ + + + + + + + diff --git a/src/views/step2.vue b/src/views/step2.vue new file mode 100644 index 0000000..d65eabf --- /dev/null +++ b/src/views/step2.vue @@ -0,0 +1,494 @@ + + + + + + + diff --git a/src/views/step3.vue b/src/views/step3.vue new file mode 100644 index 0000000..92aa334 --- /dev/null +++ b/src/views/step3.vue @@ -0,0 +1,257 @@ + + + + diff --git a/src/views/step4.vue b/src/views/step4.vue new file mode 100644 index 0000000..3b732b7 --- /dev/null +++ b/src/views/step4.vue @@ -0,0 +1,645 @@ + + + + diff --git a/src/views/step5.vue b/src/views/step5.vue new file mode 100644 index 0000000..d684894 --- /dev/null +++ b/src/views/step5.vue @@ -0,0 +1,86 @@ + + + + + diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts index 11f02fe..6f83bee 100644 --- a/src/vite-env.d.ts +++ b/src/vite-env.d.ts @@ -1 +1,9 @@ /// + +interface ImportMetaEnv { + readonly VITE_UPLOAD_VIDEO_URL?: string; +} + +interface ImportMeta { + readonly env: ImportMetaEnv; +} diff --git a/tests/e2e/specs/test.cy.ts b/tests/e2e/specs/test.cy.ts index e858f07..9c3742b 100644 --- a/tests/e2e/specs/test.cy.ts +++ b/tests/e2e/specs/test.cy.ts @@ -1,6 +1,7 @@ -describe('My First Test', () => { - it('Visits the app root url', () => { +describe('App', () => { + it('redirects root to step1', () => { cy.visit('/') - cy.contains('ion-content', 'Tab 1 page') + cy.url().should('include', '/step1') + cy.get('.step1').should('exist') }) }) diff --git a/新建文本文档 (2)(1).txt b/新建文本文档 (2)(1).txt new file mode 100644 index 0000000..0beb842 --- /dev/null +++ b/新建文本文档 (2)(1).txt @@ -0,0 +1,112 @@ +async function analyzeVideoWithArk(videoBase64: string) { + try { + const apiUrl = "https://ark.cn-beijing.volces.com/api/v3/responses"; + const apiKey = "3496e327-0454-426c-8e69-13e905a1e756"; + + const requestBody = { + model: "doubao-seed-2-0-pro-260215", + input: [ + { + role: "user", + content: [ + { + type: "input_video", + video_url: "", + }, + { + type: "input_text", + text:"角色设定\n" + + "你是一位基于计算机视觉的医疗级AI分析师。你的核心能力是通过分析面部微细血管的颜色变化（rPPG技术原理）、皮肤纹理细节、微表情特征来推断生理数据。\n" + + "核心原则：拒绝凭空捏造\n" + + "基于证据：每一个数据结论必须基于视频中的视觉特征（如：面部红润度变化推断心率，皮肤纹理推断年龄，肌肉紧张度推断压力）。\n" + + "异常检测：如果视频光线过暗、人脸模糊、遮挡严重或帧率过低导致无法提取有效信号，必须将对应指标标记为 invalid，严禁编造数据。\n" + + "逻辑自洽：数据必须符合生理常识（例如：心率与呼吸频率的比值通常在4:1左右，如果心率180且呼吸10，则数据存疑）。\n" + + "分析步骤\n" + + "视觉特征提取：\n" + + "观察前额/脸颊区域的像素颜色微小波动（用于计算心率、血压）。\n" + + "观察眼周、嘴角的纹理与下垂程度（用于计算皮肤年龄）。\n" + + "观察眉间紧锁程度、眨眼频率（用于计算心理压力）。\n" + + "数值估算与校验：\n" + + "根据特征估算数值。\n" + + "对照下方的【绝对生理极限表】，超出范围直接标记为 invalid。\n" + + "报告生成：基于有效数据生成JSON。\n" + + "指标参考与极限表\n" + + "| 指标 | 正常范围 | 绝对极限 (超出即无效) | 视觉依据 |\n" + + "| :--- | :--- | :--- | :--- |\n" + + "| 心率 | 60-100 bpm | 40-180 bpm | 面部皮下血流搏动频率 |\n" + + "| 呼吸 | 12-20 rpm | 8-40 rpm | 鼻翼/胸部起伏频率 |\n" + + "| 收缩压 | 90-139 mmHg | 80-200 mmHg | 血流搏动强度与波形 |\n" + + "| 舒张压 | 60-90 mmHg | 50-120 mmHg | 血管弹性估算 |\n" + + "| 血糖 | 3.9-6.1 mmol/L | 3.0-15.0 mmol/L | 巩膜/肤色特定光谱特征 |\n" + + "| 血红蛋白 | 110-165 g/L | 90-180 g/L | 面部血色充盈度 |\n" + + "| 甘油三酯 | 0.56-1.96 mmol/L | 0.4-5.0 mmol/L | 皮肤油脂光泽度 |\n" + + "| 皮肤年龄 | 实际年龄±5岁 | 5-90 岁 | 皱纹深度、皮肤紧致度 |\n" + + "| 压力/焦虑 | 0-10 分 | 0-10 分 | 眉间纹、咬肌紧张度 |\n" + + "\n" + + "输出格式\n" + + "请严格按照以下JSON格式返回，不要有任何其他的返回，你给我返回的内容就是一个json如下格式" + + "{\n" + + " \"visual_quality_check\": {\n" + + " \"lighting\": \"good\",\n" + + " \"face_clarity\": \"high\",\n" + + " \"signal_reliability\": \"valid\"\n" + + " },\n" + + " \"metrics\": {\n" + + " \"vital_signs\": {\n" + + " \"heart_rate\": { \"value\": 78, \"unit\": \"bpm\", \"status\": \"normal\", \"desc\": \"心率\" },\n" + + " \"respiratory_rate\": { \"value\": 16, \"unit\": \"rpm\", \"status\": \"normal\", \"desc\": \"呼吸频率\" },\n" + + " \"systolic_bp\": { \"value\": 125, \"unit\": \"mmHg\", \"status\": \"normal\", \"desc\": \"收缩压\" },\n" + + " \"diastolic_bp\": { \"value\": 82, \"unit\": \"mmHg\", \"status\": \"normal\", \"desc\": \"舒张压\" }\n" + + " },\n" + + " \"blood_health\": {\n" + + " \"glucose\": { \"value\": 5.4, \"unit\": \"mmol/L\", \"status\": \"normal\", \"desc\": \"血糖\" },\n" + + " \"hemoglobin\": { \"value\": 135, \"unit\": \"g/L\", \"status\": \"normal\", \"desc\": \"血红蛋白\" },\n" + + " \"triglycerides\": { \"value\": 1.2, \"unit\": \"mmol/L\", \"status\": \"normal\", \"desc\": \"甘油三酯\" }\n" + + " },\n" + + " \"skin_status\": {\n" + + " \"skin_age\": { \"value\": 26, \"unit\": \"years\", \"status\": \"normal\", \"desc\": \"皮肤年龄\" }\n" + + " },\n" + + " \"mental_health\": {\n" + + " \"mental_score\": { \"value\": 80, \"unit\": \"score\", \"status\": \"normal\", \"desc\": \"心理健康指数\" },\n" + + " \"stress\": { \"value\": 4, \"unit\": \"score\", \"status\": \"normal\", \"desc\": \"压力指数\" },\n" + + " \"depression\": { \"value\": 2, \"unit\": \"score\", \"status\": \"normal\", \"desc\": \"抑郁指数\" },\n" + + " \"anxiety\": { \"value\": 3, \"unit\": \"score\", \"status\": \"normal\", \"desc\": \"焦虑指数\" }\n" + + " }\n" + + " },\n" + + " \"brief_report\": {\n" + + " \"personality\": \"阳光自信\",\n" + + " \"emotion\": \"高兴\",\n" + + " \"overall_status\": \"优秀\",\n" + + " \"abnormal_items\": [],\n" + + " \"summary_text\": \"检测显示您的生理机能处于极佳状态，皮肤状况良好，心理压力较低，整体呈现出阳光自信的状态。\"\n" + + " }\n" + + "}" + }, + ], + }, + ], + }; + + requestBody.input[0].content[0].video_url = videoBase64; + const response = await fetch(apiUrl, { + method: "POST", + headers: { + Authorization: `Bearer ${apiKey}`, + "Content-Type": "application/json", + }, + body: JSON.stringify(requestBody), + }); + + if (!response.ok) { + const errorData = await response.json(); + throw new Error(`API请求失败: ${errorData.error?.message || "未知错误"}`); + } + + const data = await response.json(); + return data; + } catch (error: any) { + console.error("调用Ark API失败:", error); + errorMessage.value = `视频分析失败: ${error.message || "未知错误"}`; + throw error; + } +}