Android App开发实战项目之仿喜马拉雅的听说书App实现（超详细 附源码和演示视频）_android实现有声阅读

需要全部源码请点赞关注收藏后评论区留下QQ~~~

一、需求分析

用户不仅能在平台上收听音频，还能成为内容创作者，总之长音频分享平台需要满足两种角色的使用：一种是作为内容创作者发布自己的音频，另一种是作为用户欣赏平台上的已有音频

二、功能分析

长音频分享主要集成了如下App技术

1：网格控件

长音频分享首页的栏目列表，以网格形式排列

2：属性动画

在音频录制过程中 上方的风车图标持续旋转

3：弹幕动画

在音频收听界面，可以划过弹幕

4：音频控制条

无论是用户收听音频还是创作者试听音频 都需要音频控制条协助播音

5：JNI接口

创作者录制的原始音频要求转成MP3格式 需要借助第三方的LAME库

6：网络通信框架

上传音频信息与获取音频列表均与后端交互

7：图片加载框架

音频封面来自Web服务  建议利用Glide框架加载网络图片

8：Socket通信

采取Socket通信与后端服务器交互

9：移动数据格式JSON

传输评论信息时  需要把消息结构封装为JSON结构

下面介绍一下源码中各模块之间的关系

StoryViewActivity  长音频分享的首页列表

StoryListenActivity  说书音频的欣赏页面

StoryTakeActivity  音频录制页面

StoryEditActivity  音频信息的编辑页面

AudioLoadTask 首页音频列表的加载任务

与此同时 长音频分享还需要与之配合的HTTP服务器和Socket服务器 此处不再赘述 

三、演示效果 

演示视频已上传至个人主页 有需要可以前往观看

首页如下

点击下方的话筒图标 跳到音频的初始界面 可以开始录音

 同时可以给自己录制的音频添加图案和音频描述

 同时能在多台手机上收听和发出弹幕

 四、代码

部分源码如下 需要全部代码以及依赖请点赞关注收藏后评论区留下QQ~~~

编辑类

package com.example.audio;
 
import androidx.appcompat.app.AppCompatActivity;
 
import android.app.ProgressDialog;
import android.content.Intent;
import android.graphics.Bitmap;
import android.net.Uri;
import android.os.Bundle;
import android.os.Environment;
import android.text.TextUtils;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;
 
import com.example.audio.bean.CommitResponse;
import com.example.audio.constant.UrlConstant;
import com.example.audio.util.BitmapUtil;
import com.example.audio.util.DateUtil;
import com.example.audio.widget.AudioController;
import com.google.gson.Gson;
 
import java.io.File;
import java.io.IOException;
 
import okhttp3.Call;
import okhttp3.Callback;
import okhttp3.MediaType;
import okhttp3.MultipartBody;
import okhttp3.OkHttpClient;
import okhttp3.Request;
import okhttp3.RequestBody;
import okhttp3.Response;
 
public class StoryEditActivity extends AppCompatActivity {
    private final static String TAG = "StoryEditActivity";
    private ImageView iv_cover; // 声明一个图像视图对象
    private EditText et_artist; // 声明一个编辑框对象
    private EditText et_title; // 声明一个编辑框对象
    private EditText et_desc; // 声明一个编辑框对象
    private AudioController ac_play; // 声明一个音频控制条对象
    private String mAudioPath; // 音频文件路径
    private int CHOOSE_CODE = 3; // 只在相册挑选图片的请求码
    private Bitmap mCoverBitmap; // 声明一个位图对象
    private ProgressDialog mDialog; // 声明一个对话框对象
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_story_edit);
        findViewById(R.id.iv_back).setOnClickListener(v -> finish());
        TextView tv_title = findViewById(R.id.tv_title);
        tv_title.setText("编辑说书音频");
        iv_cover = findViewById(R.id.iv_cover);
        et_artist = findViewById(R.id.et_artist);
        et_title = findViewById(R.id.et_title);
        et_desc = findViewById(R.id.et_desc);
        ac_play = findViewById(R.id.ac_play);
        findViewById(R.id.iv_cover).setOnClickListener(v -> {
            // 创建一个内容获取动作的意图（准备跳到系统相册）
            Intent albumIntent = new Intent(Intent.ACTION_GET_CONTENT);
            albumIntent.putExtra(Intent.EXTRA_ALLOW_MULTIPLE, false); // 是否允许多选
            albumIntent.setType("image/*"); // 类型为图像
            startActivityForResult(albumIntent, CHOOSE_CODE); // 打开系统相册
        });
        findViewById(R.id.btn_upload).setOnClickListener(v -> uploadAudio());
        mAudioPath = getIntent().getStringExtra("audio_path");
        ac_play.prepare(mAudioPath); // 准备播放指定路径的音频
    }
 
    @Override
    protected void onActivityResult(int requestCode, int resultCode, Intent intent) {
        super.onActivityResult(requestCode, resultCode, intent);
        if (resultCode == RESULT_OK && requestCode == CHOOSE_CODE) { // 从相册返回
            if (intent.getData() != null) { // 从相册选择一张照片
                Uri uri = intent.getData(); // 获得已选择照片的路径对象
                // 根据指定图片的uri，获得自动缩小后的位图对象
                mCoverBitmap = BitmapUtil.getAutoZoomImage(this, uri);
                iv_cover.setImageBitmap(mCoverBitmap); // 设置图像视图的位图对象
            }
        }
    }
 
    // 执行音频上传动作
    private void uploadAudio() {
        String artist = et_artist.getText().toString();
        String title = et_title.getText().toString();
        String desc = et_desc.getText().toString();
        if (TextUtils.isEmpty(artist)) {
            Toast.makeText(this, "请先输入音频作者名称", Toast.LENGTH_SHORT).show();
            return;
        }
        if (TextUtils.isEmpty(title)) {
            Toast.makeText(this, "请先输入音频的标题", Toast.LENGTH_SHORT).show();
            return;
        }
        if (TextUtils.isEmpty(desc)) {
            Toast.makeText(this, "请先输入音频的描述", Toast.LENGTH_SHORT).show();
            return;
        }
        // 弹出进度对话框
        mDialog = ProgressDialog.show(this, "请稍候", "正在上传音频信息......");
        String coverPath = String.format("%s/%s.jpg",
                getExternalFilesDir(Environment.DIRECTORY_DOWNLOADS).toString(),
                DateUtil.getNowDateTime());
        BitmapUtil.saveImage(coverPath, mCoverBitmap); // 把位图保存为图片文件
        // 下面把音频信息（包含封面）提交给HTTP服务端
        MultipartBody.Builder builder = new MultipartBody.Builder();
        // 往建造器对象添加文本格式的分段数据
        builder.addFormDataPart("artist", artist); // 作者
        builder.addFormDataPart("title", title); // 标题
        builder.addFormDataPart("desc", desc); // 描述
        // 往建造器对象添加图像格式的分段数据
        builder.addFormDataPart("cover", coverPath.substring(coverPath.lastIndexOf("/")),
                RequestBody.create(new File(coverPath), MediaType.parse("image/*")));
        // 往建造器对象添加音频格式的分段数据
        builder.addFormDataPart("audio", mAudioPath.substring(mAudioPath.lastIndexOf("/")),
                RequestBody.create(new File(mAudioPath), MediaType.parse("audio/*")));
        RequestBody body = builder.build(); // 根据建造器生成请求结构
 
        OkHttpClient client = new OkHttpClient(); // 创建一个okhttp客户端对象
        // 创建一个POST方式的请求结构
        Request request = new Request.Builder().post(body)
                .url(UrlConstant.HTTP_PREFIX+"commitAudio").build();
        Call call = client.newCall(request); // 根据请求结构创建调用对象
        // 加入HTTP请求队列。异步调用，并设置接口应答的回调方法
        call.enqueue(new Callback() {
            @Override
            public void onFailure(Call call, IOException e) { // 请求失败
                // 回到主线程操纵界面
                runOnUiThread(() ->  {
                    mDialog.dismiss(); // 关闭进度对话框
                    Toast.makeText(StoryEditActivity.this,
                            "上传音频信息出错："+e.getMessage(), Toast.LENGTH_SHORT).show();
                });
            }
 
            @Override
            public void onResponse(Call call, final Response response) throws IOException { // 请求成功
                String resp = response.body().string();
                CommitResponse commitResponse = new Gson().fromJson(resp, CommitResponse.class);
                // 回到主线程操纵界面
                runOnUiThread(() -> {
                    mDialog.dismiss(); // 关闭进度对话框
                    if ("0".equals(commitResponse.getCode())) {
                        finishUpload(); // 结束音频上传动作
                    } else {
                        Toast.makeText(StoryEditActivity.this, "上传音频信息失败："+commitResponse.getDesc(), Toast.LENGTH_SHORT).show();
                    }
                });
            }
        });
    }
 
    // 结束音频上传动作
    private void finishUpload() {
        Toast.makeText(this, "成功上传您的说书音频", Toast.LENGTH_SHORT).show();
        // 下面重新打开音频列表浏览界面
        Intent intent = new Intent(this, StoryViewActivity.class);
        // 设置启动标志：跳转到新页面时，栈中的原有实例都被清空，同时开辟新任务的活动栈
        intent.setFlags(Intent.FLAG_ACTIVITY_CLEAR_TASK | Intent.FLAG_ACTIVITY_NEW_TASK);
        startActivity(intent);
    }
 
    @Override
    protected void onResume() {
        super.onResume();
        ac_play.resume(); // 恢复播放
    }
 
    @Override
    protected void onPause() {
        super.onPause();
        ac_play.pause(); // 暂停播放
    }
 
    @Override
    protected void onDestroy() {
        super.onDestroy();
        ac_play.release(); // 释放播放资源
    }
 
}

收听类

package com.example.audio;
 
import androidx.appcompat.app.AppCompatActivity;
 
import android.os.Bundle;
import android.text.TextUtils;
import android.util.Log;
import android.view.WindowManager;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;
 
import com.bumptech.glide.Glide;
import com.bumptech.glide.load.resource.bitmap.RoundedCorners;
import com.bumptech.glide.request.RequestOptions;
import com.example.audio.bean.AudioInfo;
import com.example.audio.bean.JoinInfo;
import com.example.audio.bean.MessageInfo;
import com.example.audio.constant.UrlConstant;
import com.example.audio.util.DateUtil;
import com.example.audio.util.SocketUtil;
import com.example.audio.util.Utils;
import com.example.audio.util.ViewUtil;
import com.example.audio.widget.AudioController;
import com.example.audio.widget.BarrageView;
import com.google.gson.Gson;
 
import org.json.JSONObject;
 
import io.socket.client.Socket;
 
public class StoryListenActivity extends AppCompatActivity {
    private final static String TAG = "StoryListenActivity";
    private TextView tv_title; // 声明一个文本视图对象
    private TextView tv_artist; // 声明一个文本视图对象
    private ImageView iv_cover; // 声明一个图像视图对象
    private TextView tv_desc; // 声明一个文本视图对象
    private BarrageView bv_comment; // 声明一个弹幕视图对象
    private AudioController ac_play; // 声明一个音频控制条对象
    private EditText et_input; // 声明一个编辑框对象
    private String mSelfName, mGroupName; // 自己名称，群组名称
    private Socket mSocket; // 声明一个套接字对象
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_story_listen);
        getWindow().addFlags(WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON); // 保持屏幕常亮
        initView(); // 初始化视图
        playStory(); // 播放故事音频
        initSocket(); // 初始化套接字
    }
 
    // 初始化视图
    private void initView() {
        findViewById(R.id.iv_back).setOnClickListener(v -> finish());
        tv_title = findViewById(R.id.tv_title);
        tv_artist = findViewById(R.id.tv_artist);
        iv_cover = findViewById(R.id.iv_cover);
        tv_desc = findViewById(R.id.tv_desc);
        bv_comment = findViewById(R.id.bv_comment);
        ac_play = findViewById(R.id.ac_play);
        et_input = findViewById(R.id.et_input);
        findViewById(R.id.btn_send).setOnClickListener(v -> sendMessage());
    }
 
    // 播放故事音频
    private void playStory() {
        AudioInfo audio = (AudioInfo) getIntent().getSerializableExtra("audio_info");
        mSelfName = DateUtil.getFullDateTime();
        mGroupName = audio.getTitle();
        tv_artist.setText(String.format("《%s》%s", audio.getTitle(), audio.getArtist()));
        tv_title.setText(audio.getTitle());
        tv_desc.setText(audio.getDesc());
        // 使用Glide加载圆角矩形裁剪后的故事封面
        RoundedCorners roundedCorners = new RoundedCorners(Utils.dip2px(this, 30));
        RequestOptions options = RequestOptions.bitmapTransform(roundedCorners);
        Glide.with(this).load(UrlConstant.HTTP_PREFIX+audio.getCover()).apply(options).into(iv_cover);
        ac_play.prepareAsync(UrlConstant.HTTP_PREFIX+audio.getAudio()); // 准备播放指定链接的网络音频
    }
 
    // 初始化套接字
    private void initSocket() {
        mSocket = MainApplication.getInstance().getSocket();
        mSocket.connect(); // 建立Socket连接
        // 等待接收弹幕消息
        mSocket.on("receive_group_message", (args) -> {
            JSONObject json = (JSONObject) args[0];
            MessageInfo message = new Gson().fromJson(json.toString(), MessageInfo.class);
            // 往故事窗口添加弹幕评论
            runOnUiThread(() -> bv_comment.addComment(message.content));
        });
        // 下面向Socket服务器发送入群通知
        JoinInfo joinInfo = new JoinInfo(mSelfName, mGroupName);
        SocketUtil.emit(mSocket, "join_group", joinInfo);
    }
 
    // 发送评论消息
    private void sendMessage() {
        String content = et_input.getText().toString();
        if (TextUtils.isEmpty(content)) {
            Toast.makeText(this, "请输入评论消息", Toast.LENGTH_SHORT).show();
            return;
        }
        et_input.setText("");
        ViewUtil.hideOneInputMethod(this, et_input); // 隐藏软键盘
        bv_comment.addComment(content); // 给弹幕视图添加评论
        // 下面向Socket服务器发送群消息
        MessageInfo message = new MessageInfo(mSelfName, mGroupName, content);
        SocketUtil.emit(mSocket, "send_group_message", message);
    }
 
    @Override
    protected void onResume() {
        super.onResume();
        ac_play.resume(); // 恢复播放
    }
 
    @Override
    protected void onPause() {
        super.onPause();
        ac_play.pause(); // 暂停播放
    }
 
    @Override
    protected void onDestroy() {
        super.onDestroy();
        ac_play.release(); // 释放播放资源
        if (mSocket.connected()) { // 已经连上Socket服务器
            // 下面向Socket服务器发送退群通知
            JoinInfo joinInfo = new JoinInfo(mSelfName, mGroupName);
            SocketUtil.emit(mSocket, "leave_group", joinInfo);
            mSocket.off("receive_group_message"); // 取消接收弹幕消息
            mSocket.disconnect(); // 断开Socket连接
        }
    }
 
}

创作不易 觉得有帮助请点赞关注收藏~~