Android App开发实战项目之仿喜马拉雅的听说书App实现(超详细 附源码)
创始人
2024-02-18 02:15:46

需要全部源码请点赞关注收藏后评论区留下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; // 声明一个对话框对象@Overrideprotected 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); // 准备播放指定路径的音频}@Overrideprotected 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() {@Overridepublic void onFailure(Call call, IOException e) { // 请求失败// 回到主线程操纵界面runOnUiThread(() ->  {mDialog.dismiss(); // 关闭进度对话框Toast.makeText(StoryEditActivity.this,"上传音频信息出错:"+e.getMessage(), Toast.LENGTH_SHORT).show();});}@Overridepublic 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);}@Overrideprotected void onResume() {super.onResume();ac_play.resume(); // 恢复播放}@Overrideprotected void onPause() {super.onPause();ac_play.pause(); // 暂停播放}@Overrideprotected 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; // 声明一个套接字对象@Overrideprotected 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);}@Overrideprotected void onResume() {super.onResume();ac_play.resume(); // 恢复播放}@Overrideprotected void onPause() {super.onPause();ac_play.pause(); // 暂停播放}@Overrideprotected 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连接}}}

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

相关内容

热门资讯

埃菲尔铁塔在哪 中国仿建埃菲尔... 2019年4月26日,广西南宁市,街头惊现一座巨型山寨版埃菲尔铁塔,高约20米,白色塔身,造型逼真,...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
应用未安装解决办法 平板应用未... ---IT小技术,每天Get一个小技能!一、前言描述苹果IPad2居然不能安装怎么办?与此IPad不...
脚上的穴位图 脚面经络图对应的... 人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用,包括头部穴位图、胸部穴位图、背部穴位图、胳...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...
demo什么意思 demo版本... 618快到了,各位的小金库大概也在准备开闸放水了吧。没有小金库的,也该向老婆撒娇卖萌服个软了,一切只...
猫咪吃了塑料袋怎么办 猫咪误食... 你知道吗?塑料袋放久了会长猫哦!要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
埃菲尔铁塔在哪 中国仿建埃菲尔... 2019年4月26日,广西南宁市,街头惊现一座巨型山寨版埃菲尔铁塔,高约20米,白色塔身,造型逼真,...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...