uni-app 播放器原生插件

发布于 1周前 作者 songsunli 来自 Uni-App

uni-app 播放器原生插件

开发环境 版本号 项目创建方式
  • 有没有人接单，播放器原生插件，不需要界面,提供api调用即可，接收实时buffer流不断播放。安卓+IOS插件。支持后台播放，支持通知栏，支持蓝牙ID3同上一曲/下一曲/暂停监控
Harmonyos Next教程
3 回复

请看下这个插件 https://ext.dcloud.net.cn/plugin?id=18325 为多格式视频播放插件,如果需要定制功能,请联系我


可以做，联系：18968864472（同微）

在处理uni-app中的播放器原生插件开发时，我们通常会利用uni-app提供的原生模块扩展能力。下面是一个简单的示例，展示了如何在uni-app项目中集成一个原生播放器插件。这个示例假定你已经熟悉如何创建和配置uni-app项目，并且具备一些原生开发的基础知识（如iOS的Objective-C/Swift和Android的Java/Kotlin）。

1. 创建原生插件

iOS部分

在Xcode中创建一个新的Cocoa Touch Static Library项目，命名为MyPlayerPlugin。

MyPlayerPlugin.h

#import <Foundation/Foundation.h>

@interface MyPlayerPlugin : NSObject

+ (void)play:(NSString *)url;
+ (void)pause;
+ (void)stop;

@end

MyPlayerPlugin.m

#import "MyPlayerPlugin.h"
#import <AVFoundation/AVFoundation.h>

static AVAudioPlayer *audioPlayer;

@implementation MyPlayerPlugin

+ (void)play:(NSString *)url {
    NSURL *audioURL = [NSURL URLWithString:url];
    audioPlayer = [[AVAudioPlayer alloc] initWithContentsOfURL:audioURL error:nil];
    [audioPlayer play];
}

+ (void)pause {
    [audioPlayer pause];
}

+ (void)stop {
    [audioPlayer stop];
}

@end

Android部分

在Android Studio中创建一个新的Android Library项目，命名为MyPlayerPlugin。

MyPlayerPlugin.java

package com.example.myplayerplugin;

import android.content.Context;
import android.media.MediaPlayer;

public class MyPlayerPlugin {
    private static MediaPlayer mediaPlayer;

    public static void play(Context context, String url) {
        try {
            mediaPlayer = MediaPlayer.create(context, Uri.parse(url));
            mediaPlayer.start();
        } catch (IOException e) {
            e.printStackTrace();
        }
    }

    public static void pause() {
        if (mediaPlayer != null) {
            mediaPlayer.pause();
        }
    }

    public static void stop() {
        if (mediaPlayer != null) {
            mediaPlayer.stop();
            mediaPlayer.release();
            mediaPlayer = null;
        }
    }
}

2. 集成到uni-app

在uni-app项目的manifest.json中配置原生插件路径。

"plugins": {
    "MyPlayerPlugin": {
        "provider": "path/to/your/ios/and/android/plugin"
    }
}

3. 调用原生插件

在uni-app的JavaScript代码中调用插件方法。

// #ifdef APP-PLUS
const myPlayer = plus.bridge.exec('MyPlayerPlugin', 'play', ['http://example.com/audio.mp3']);
// 调用pause和stop方法类似
// #endif

注意：上述代码仅用于演示目的，实际项目中需要处理更多的错误检查、资源管理以及平台兼容性问题。

回到顶部