需要全部源码请点赞关注收藏后评论区留下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连接 } } }
创作不易 觉得有帮助请点赞关注收藏~~