草庐IT

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

showswoller 2023-12-30 原文

需要全部源码请点赞关注收藏后评论区留下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连接
        }
    }

}

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

有关Android App开发实战项目之仿喜马拉雅的听说书App实现(超详细 附源码和演示视频)的更多相关文章

  1. ruby - 使用 C 扩展开发 ruby​​gem 时,如何使用 Rspec 在本地进行测试? - 2

    我正在编写一个包含C扩展的gem。通常当我写一个gem时,我会遵循TDD的过程,我会写一个失败的规范,然后处理代码直到它通过,等等......在“ext/mygem/mygem.c”中我的C扩展和在gemspec的“扩展”中配置的有效extconf.rb,如何运行我的规范并仍然加载我的C扩展?当我更改C代码时,我需要采取哪些步骤来重新编译代码?这可能是个愚蠢的问题,但是从我的gem的开发源代码树中输入“bundleinstall”不会构建任何native扩展。当我手动运行rubyext/mygem/extconf.rb时,我确实得到了一个Makefile(在整个项目的根目录中),然后当

  2. ruby - 如何根据特征实现 FactoryGirl 的条件行为 - 2

    我有一个用户工厂。我希望默认情况下确认用户。但是鉴于unconfirmed特征,我不希望它们被确认。虽然我有一个基于实现细节而不是抽象的工作实现,但我想知道如何正确地做到这一点。factory:userdoafter(:create)do|user,evaluator|#unwantedimplementationdetailshereunlessFactoryGirl.factories[:user].defined_traits.map(&:name).include?(:unconfirmed)user.confirm!endendtrait:unconfirmeddoenden

  3. Ruby Sinatra 配置用于生产和开发 - 2

    我已经在Sinatra上创建了应用程序,它代表了一个简单的API。我想在生产和开发上进行部署。我想在部署时选择,是开发还是生产,一些方法的逻辑应该改变,这取决于部署类型。是否有任何想法,如何完成以及解决此问题的一些示例。例子:我有代码get'/api/test'doreturn"Itisdev"end但是在部署到生产环境之后我想在运行/api/test之后看到ItisPROD如何实现? 最佳答案 根据SinatraDocumentation:EnvironmentscanbesetthroughtheRACK_ENVenvironm

  4. ruby-on-rails - 每次我尝试部署时,我都会得到 - (gcloud.preview.app.deploy) 错误响应 : [4] DEADLINE_EXCEEDED - 2

    我是Google云的新手,我正在尝试对其进行首次部署。我的第一个部署是RubyonRails项目。我基本上是在关注thisguideinthegoogleclouddocumentation.唯一的区别是我使用的是我自己的项目,而不是他们提供的“helloworld”项目。这是我的app.yaml文件runtime:customvm:trueentrypoint:bundleexecrackup-p8080-Eproductionconfig.ruresources:cpu:0.5memory_gb:1.3disk_size_gb:10当我转到我的项目目录并运行gcloudprevie

  5. ruby - 是否可以覆盖 gemfile 进行本地开发? - 2

    我们的git存储库中目前有一个Gemfile。但是,有一个gem我只在我的环境中本地使用(我的团队不使用它)。为了使用它,我必须将它添加到我们的Gemfile中,但每次我checkout到我们的master/dev主分支时,由于与跟踪的gemfile冲突,我必须删除它。我想要的是类似Gemfile.local的东西,它将继承从Gemfile导入的gems,但也允许在那里导入新的gems以供使用只有我的机器。此文件将在.gitignore中被忽略。这可能吗? 最佳答案 设置BUNDLE_GEMFILE环境变量:BUNDLE_GEMFI

  6. ruby-on-rails - 如何重命名或移动 Rails 的 README_FOR_APP - 2

    当我在我的Rails应用程序根目录中运行rakedoc:app时,API文档是使用/doc/README_FOR_APP作为主页生成的。我想向该文件添加.rdoc扩展名,以便它在GitHub上正确呈现。更好的是,我想将它移动到应用程序根目录(/README.rdoc)。有没有办法通过修改包含的rake/rdoctask任务在我的Rakefile中执行此操作?是否有某个地方可以查找可以修改的主页文件的名称?还是我必须编写一个新的Rake任务?额外的问题:Rails应用程序的两个单独文件/README和/doc/README_FOR_APP背后的逻辑是什么?为什么不只有一个?

  7. ruby - 在 Windows 机器上使用 Ruby 进行开发是否会适得其反? - 2

    这似乎非常适得其反,因为太多的gem会在window上破裂。我一直在处理很多mysql和ruby​​-mysqlgem问题(gem本身发生段错误,一个名为UnixSocket的类显然在Windows机器上不能正常工作,等等)。我只是在浪费时间吗?我应该转向不同的脚本语言吗? 最佳答案 我在Windows上使用Ruby的经验很少,但是当我开始使用Ruby时,我是在Windows上,我的总体印象是它不是Windows原生系统。因此,在主要使用Windows多年之后,开始使用Ruby促使我切换回原来的系统Unix,这次是Linux。Rub

  8. ruby-on-rails - 在 Rails 开发环境中为 .ogv 文件设置 Mime 类型 - 2

    我正在玩HTML5视频并且在ERB中有以下片段:mp4视频从在我的开发环境中运行的服务器很好地流式传输到chrome。然而firefox显示带有海报图像的视频播放器,但带有一个大X。问题似乎是mongrel不确定ogv扩展的mime类型,并且只返回text/plain,如curl所示:$curl-Ihttp://0.0.0.0:3000/pr6.ogvHTTP/1.1200OKConnection:closeDate:Mon,19Apr201012:33:50GMTLast-Modified:Sun,18Apr201012:46:07GMTContent-Type:text/plain

  9. 世界前沿3D开发引擎HOOPS全面讲解——集3D数据读取、3D图形渲染、3D数据发布于一体的全新3D应用开发工具 - 2

    无论您是想搭建桌面端、WEB端或者移动端APP应用,HOOPSPlatform组件都可以为您提供弹性的3D集成架构,同时,由工业领域3D技术专家组成的HOOPS技术团队也能为您提供技术支持服务。如果您的客户期望有一种在多个平台(桌面/WEB/APP,而且某些客户端是“瘦”客户端)快速、方便地将数据接入到3D应用系统的解决方案,并且当访问数据时,在各个平台上的性能和用户体验保持一致,HOOPSPlatform将帮助您完成。利用HOOPSPlatform,您可以开发在任何环境下的3D基础应用架构。HOOPSPlatform可以帮您打造3D创新型产品,HOOPSSDK包含的技术有:快速且准确的CAD

  10. 华为OD机试用Python实现 -【明明的随机数】 2023Q1A - 2

    华为OD机试题本篇题目:明明的随机数题目输入描述输出描述:示例1输入输出说明代码编写思路最近更新的博客华为od2023|什么是华为od,od薪资待遇,od机试题清单华为OD机试真题大全,用Python解华为机试题|机试宝典【华为OD机试】全流程解析+经验分享,题型分享,防作弊指南华为o

随机推荐