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

喜欢ヅ旅行 2023-09-30 17:12 10阅读 0赞

> **需要全部源码请点赞关注收藏后评论区留下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服务器 此处不再赘述

## 三、演示效果 ##

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

首页如下

![73c204f7712845668af4d642c8532363.png][]

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

![1db03953a010421ab8b9ce1c932c0b74.png][]

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

![9b770bb7512c4a89a6925e49c3fb7601.png][]

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

## 四、代码 ##

**部分源码如下 需要全部代码以及依赖请点赞关注收藏后评论区留下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连接
            }
        }
    
    }

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

[73c204f7712845668af4d642c8532363.png]: https://img-blog.csdnimg.cn/73c204f7712845668af4d642c8532363.png
[1db03953a010421ab8b9ce1c932c0b74.png]: https://img-blog.csdnimg.cn/1db03953a010421ab8b9ce1c932c0b74.png
[9b770bb7512c4a89a6925e49c3fb7601.png]: https://img-blog.csdnimg.cn/9b770bb7512c4a89a6925e49c3fb7601.png