首页 > 编程语言 >花了3个小时解决了和异地女朋友一起看电影的需求(内附源码)

花了3个小时解决了和异地女朋友一起看电影的需求(内附源码)

时间:2023-11-01 19:05:37浏览次数:41  
标签:观众 内附 房间 电影 发送 源码 demo 播放 女朋友


 一、这是一件悲伤的故事

我是一名程序员,我和我的女友是异地恋,so sad!!!

一次视频时,她突然来了一句:“我们已经很久没有一起看电影了吧。。。。。。”

“呃。。。好像是”,毕竟离得那么远,一起看电影有点难啊。

女友“哦”了下,我们便陷入了沉默。

视频结束,心情有点忧伤。是啊,已经很久没有好好陪她了吧。

突然想到市面上有不少可以一起看电影的APP。找了下,确实不少,像微光之类的 APP 人气都很火。下载了一个,发现还是挺有意思的,确实能解决异地一起看电影的需求。

于是“啪”的一下,灵光一现,哄女友开心的方法有了,哦耶!!!我可以自己去实现一个 demo 呀!

作为一名优质的程序员,鉴于职业探索精神以及在 ZEGO 即构科技的从业经验,想到实现一个类似功能的 demo 还是很可以的。

说干就干,熬夜小 case,通宵搞出了demo,效果如下:

花了3个小时解决了和异地女朋友一起看电影的需求(内附源码)_音视频

 

前面铺设了这么长,相信你们也不是来看我晒狗粮的(狗头保命)。那么现在就和我一起来看看我是怎么实现这个让女朋友欢心的“一起看电影”的功能吧,文章有点长,但是绝对很干货,大家可以耐心看完。

二、开始准备

在开始实现一起看电影的demo之前,我们需要做一些开发前的准备工作:

01 开发环境准备

首先第一步就是准备开发环境,需要确保开发环境满足以下要求:

  • Android Studio 2.1 或以上版本。
  • Android SDK 25、Android SDK Build-Tools 25.0.2、Android SDK Platform-Tools 25.x.x 或以上版本。
  • Android 4.1 或以上版本,且支持音视频的 Android 设备。
  • Android 设备已经连接到 Internet。

02 账户注册

开发环境搭建好之后,我们需要去 ZEGO 官网注册一个账户,进入管理控制台并创建应用、获取开发需要的 AppId 和 AppSign 。

具体的创建应用过程详见此文章:  控制台创建项目流程

三、实现流程介绍

01 接口规范说明

首先分析 ZEGO 的 API 输入输出规范。根据 API使用文档 来看,调用接口格式如下:

花了3个小时解决了和异地女朋友一起看电影的需求(内附源码)_客户端_02

花了3个小时解决了和异地女朋友一起看电影的需求(内附源码)_音视频_03

 

 

以创建 ZegoExpressEngine 单列对象为列,每个参数都详细的解析其作用。每个接口都描述了作用与用法。

 

02 一起看电影的项目开发

接下来就万事俱备了,跟着我来着手实操一下,看具体怎么实现一起看电影的项目。

项目分为两部分:播放本地电影的服务端、拉流播放电影的客户端。下面会进行每个部分的详细介绍。

项目设置了最大用户数为3人,服务端占了一位,所以客户端只能同时两人在线观看电影(悄咪咪,确保你们两个人之间不会出现第三者)。

1、服务端 —— 播放电影服务端的实现流程

  • 步骤一: 创建 ZegoExpressEngine 引擎:
/** 定义 SDK 引擎对象 */
ZegoExpressEngine engine;  
/** 填写 appID 和 appSign */
long appID = ;  /** 请通过官网注册获取,格式为 123456789L */
String appSign = ;  /** 64个字符,请通过官网注册获取,格式为"0123456789012345678901234567890123456789012345678901234567890123" */
/** 创建引擎,使用测试环境,通用场景接入 */
engine = ZegoExpressEngine.createEngine(appID, appSign, true, ZegoScenario.GENERAL, getApplication(), null);

花了3个小时解决了和异地女朋友一起看电影的需求(内附源码)_客户端_04

  • 步骤二:开启自定义视频采集功能:
ZegoCustomVideoCaptureConfig videoCaptureConfig = new ZegoCustomVideoCaptureConfig();
// 选择 RAW_DATA 类型视频帧数据
videoCaptureConfig.bufferType = ZegoVideoBufferType.RAW_DATA;  engine.enableCustomVideoCapture(true, videoCaptureConfig, ZegoPublishChannel.MAIN);

花了3个小时解决了和异地女朋友一起看电影的需求(内附源码)_ide_05

  • 步骤三:设置自定义视频采集回调对象并实现对应方法:
// 将自身作为自定义视频采集回调对象 sdk.setCustomVideoCaptureHandler(new IZegoCustomVideoCaptureHandler() {    
 @Override     
 public void onStart(ZegoPublishChannel channel) {         
 // 收到回调后,开发者需要执行启动视频采集相关的业务逻辑,例如开启摄像头等         ...     
 }    
  @Override     
  public void onStop(ZegoPublishChannel channel) {         
  // 收到回调后,开发者需要执行停止视频采集相关的业务逻辑,例如关闭摄像头等         ...     
  }
  });

花了3个小时解决了和异地女朋友一起看电影的需求(内附源码)_客户端_06

  •  步骤四:选择要播放的电影,设置房间ID。然后登录房间,将收到自定义视频采集回调通知开始采集:
/** 创建用户 */ ZegoUser user = new ZegoUser("user1"); 

/** 开始登录房间 */ engine.loginRoom("room1", user);

花了3个小时解决了和异地女朋友一起看电影的需求(内附源码)_ide_07

mZegoMediaPlayer.setVideoHandler(new IZegoMediaPlayerVideoHandler() {
    @Override
    public void onVideoFrame(ZegoMediaPlayer zegoMediaPlayer, ByteBuffer[] byteBuffers, int[] ints, ZegoVideoFrameParam zegoVideoFrameParam) {
        
    }
}, ZegoVideoFrameFormat.RGBA32);

花了3个小时解决了和异地女朋友一起看电影的需求(内附源码)_客户端_08

  •  步骤五:当客户端发送通知开始播放电影,就开始推流(电影流),预加载load 电影,开始播放start()
/** 开始推流 */ engine.startPublishingStream("stream1");

花了3个小时解决了和异地女朋友一起看电影的需求(内附源码)_客户端_09

mZegoMediaPlayer.loadResource(path, new IZegoMediaPlayerLoadResourceCallback() {
    @Override
    public void onl oadResourceCallback(int code) {
        if (code == 0) {
            mZegoMediaPlayer.start();
            if (callback != null) {
                callback.onLoadResourceCallback(code);
            }
        }
    }
});

花了3个小时解决了和异地女朋友一起看电影的需求(内附源码)_客户端_10

  • 步骤六:调用发送视频帧方法 sendCustomVideoCaptureRawData 向 SDK 提供视频帧数据。
// 将采集的数据传给ZEGO SDK
int totalDataLength = byteBuffers[0].capacity();
if (tempByteBuffer == null || tempByteBuffer.capacity() != totalDataLength) {
    tempByteBuffer = ByteBuffer.allocateDirect(byteBuffers[0].capacity()).put(byteBuffers[0]);
} else {
    tempByteBuffer.clear();
    tempByteBuffer.put(byteBuffers[0]);
}
ZegoSDKManager.getInstance().getStreamService().sendCustomVideoCaptureRawData(tempByteBuffer, tempByteBuffer.capacity(), zegoVideoFrameParam);

花了3个小时解决了和异地女朋友一起看电影的需求(内附源码)_音视频_11

  • 步骤七:当客户端没有观众在房间或者服务器退出播放房间,结束推流将收到自定义视频采集回调通知停止采集。

2、客户端——拉流播放电影客户端的实现流程

 首先,播放电影的客户端分别有以下几项功能:

  • A、B 端观众的电影拉流渲染、电影播放\暂停。
  • A、B 端观众音视频的推拉流、摄像头的翻转开关、麦克风的开关。
  • A、B 端观众的房间实时消息的发送接收。

接下来,我们将根据上述提到的具体功能展开为大家介绍:

(1)针对于电影播放功能的流程介绍

  • A 端观众通过后台设置的 RoomID 成功登录房间,如果输入的 RoomID 不存在,就会通过判断当前 A 端是房间内第一人,退出房间提示房间不存在;或者房间内已经满员就会登录失败并提示 房间已满员。
     *  点击电影播放按钮  setRoomExtraInfo() 进行消息的通知
     *  后台手机端 收到 onRoomExtraInfoUpdate() 的回调 进行电影的播放
     *  观众端会收到电影播放的推流 ,获取电影推流 StreamID 进行拉流播放
  • B 端 通过输入 RoomID 进入播放房间 ,进行电影的拉流显示:
/**  
*  开始拉流,设置远端拉流渲染视图,视图模式采用 SDK 默认的模式,等比缩放填充整个 View 
*  如下 play_view 为 UI 界面上的 SurfaceView/TextureView/SurfaceTexture 对象  
*/ 
engine.startPlayingStream("stream1", new ZegoCanvas(play_view));

花了3个小时解决了和异地女朋友一起看电影的需求(内附源码)_客户端_12

  • AB端观众都可以通过 setRoomExtraInfo(String roomID,String key,String value,null) 来对视频媒体进行 播放/暂停。
  • AB端观众都可以通过 setRoomExtraInfo(String roomID,String key,String value,null) 来对视频媒体进行 播放/暂停。

一起看电影 setRoomExtraInfo 的参数意义如下:

  1. key: roomInfo
  2. value:  0 、1、2、3
  3. 0: 代表load start 电影
  4. 1:电影是播放状态
  5. 2:电影是暂停状态
  6. 3:房间已经被关闭

(2)针对于音视频推拉流的过程

  • 通过 ZEGO 音视频服务进行推拉流
  • A端观众进入房间后,向 ZEGO 音视频云服务推流,需要自己生成唯一的 StreamID ,然后开始预览并推流。等到B端观众进入房间后,会收到SDK 的流更新通知,从中筛选出 B端观众流 StreamID 进行拉流
  • B端观众进入房间后,向 ZEGO 音视频云服务推流,需要自己生成唯一的 StreamID ,然后开始预览并推流。同时筛选出 A端观众流 StreamID 进行拉流
  • AB端观众可以各自控制自己的 翻转摄像头、开/关摄像头、开/关麦克风 的功能:
//切换前后摄像头 front 是否采用前置摄像头;true 表示使用前置摄像头;false 表示使用后置摄像头
expressEngine.useFrontCamera(front);

// 开/关摄像头 enable 是否打开摄像头;true 表示打开摄像头;false 表示关闭摄像头
expressEngine.enableCamera(enable);

// 是否开启麦克风 enable 是否开启麦克风;true 表示开启麦克风;false 表示静音(关闭)麦克风
expressEngine.muteMicrophone(!enable);

花了3个小时解决了和异地女朋友一起看电影的需求(内附源码)_音视频_13

都是跟推拉流有关,则以用户 A 拉取用户 B 的流为例,流程如下图:

花了3个小时解决了和异地女朋友一起看电影的需求(内附源码)_音视频_14

 

 

想要了解更加具体的实现流程,可参考官方文档 音视频实现流程

(3)针对于房间实时聊天消息的发送显示

  • AB 端观众都可以在房间内发送消息;
  • 调用 sendBroadcastMessage 接口向同一房间内的B端观众发送广播消息,长度不能超过 1024 字节。通过 onIMSendBroadcastMessageResult 回调获取消息发送结果;
// 发送广播消息,每个登录房间的用户都会通过 onIMRecvBroadcastMessage 回调收到此消息【发送方不会收到该回调】
engine.sendBroadcastMessage(roomID, msg, new IZegoIMSendBroadcastMessageCallback() {    
   /** 发送广播消息结果回调处理 */     
   @Override     
   public void onIMSendBroadcastMessageResult(int errorCode, long messageID) {          
     //发送消息结果成功或失败的处理     
   }
 });

花了3个小时解决了和异地女朋友一起看电影的需求(内附源码)_客户端_15

  • 实现 IZegoEventHandler 中的 onIMRecvBroadcastMessage 回调,当发送方成功发送广播消息后,同一房间内的其他用户通过此回调接收相关信息,包括消息内容、消息 ID、发送时间及发送方信息。
/**      
  * 接收房间弹幕消息通知      
  *      
  * @param roomID 房间 ID      
  * @param messageList 收到的消息列表      
  */     
public void onIMRecvBarrageMessage(String roomID, ArrayList<ZegoBarrageMessageInfo> messageList){         
    // 收到其他用户发送消息的处理     
}

花了3个小时解决了和异地女朋友一起看电影的需求(内附源码)_ide_16

  • 发送接收到的消息显示到UI界面。

四、效果呈现(附 demo 源码下载)

01 播放电影端的效果图

花了3个小时解决了和异地女朋友一起看电影的需求(内附源码)_音视频_17

花了3个小时解决了和异地女朋友一起看电影的需求(内附源码)_客户端_18

 

(电影播放端)

02 观众端的效果图

花了3个小时解决了和异地女朋友一起看电影的需求(内附源码)_ide_19

 

(电影观众端)

 

花了3个小时解决了和异地女朋友一起看电影的需求(内附源码)_客户端_20

 

(电影播放时示意图)

附上demo给大家进行体验,一起看电影一共分为两部分,安装密码为 1:

1)服务端demo : 看电影服务端

2)客户端demo :   一起看电影

安装方式如下:

1)先启动 服务端demo ,选择电影设置房间ID;

2)客户端 demo 通过输入设置的房间ID 进入播放电影房。

源码下载:百度网盘 请输入提取码(密码:qrep)五、结语

牛顿曾说:我看得远,是因为我站在巨人的肩膀上!

基于 ZEGO 即构科技的音视频功能,一番操作下来,很简单就开发出来一款《一起看电影》的 demo,总体来说还是很简单就可以实现的。

让异地恋女友开心的方法近在咫尺,赶快行动起来体验音视频开发的乐趣吧!

花了3个小时解决了和异地女朋友一起看电影的需求(内附源码)_ide_21

 


标签:观众,内附,房间,电影,发送,源码,demo,播放,女朋友
From: https://blog.51cto.com/u_14794264/8131004

相关文章

  • 三维可视化智慧工地云平台源码,微服务架构模式
    智慧工地是指利用移动互联、物联网、智能算法、地理信息系统、大数据挖掘分析等信息技术,提高项目现场的“人•机•料•法•环•安”等施工要素信息化管理水平,实现工程施工可视化智能管理,并逐步实现绿色生态建造。技术架构:微服务+Java+SpringCloud+UniApp+MySql功能特点:支持多端......
  • 手机App的开发步骤和部分源码
    随着智能手机的广泛普及,手机应用程序已经成为我们日常生活中不可或缺的一部分,从通讯、购物、娱乐到工作,手机App正在改变着我们的生活方式,本文将详细介绍App开发步骤和部分源码,帮助大家更好地了解这一领域。一、准备工作1、确定开发平台:目前主流的手机操作系统包括iOS和Android,开发......
  • 程序员的硬核浪漫 — 女友专属语聊房(内附源码)
    ​ 人人都说找个程序猿做男朋友就是好,钱多话少over早。额。。。估计小编把文章发布出去后就要被公司的程序猿同胞们疯狂逮捕挨打了。虽然日常生活中大家对程序猿的标签大多是呆板、木讷、不懂浪漫,格子衫牛仔裤和黑框眼镜,整天宥与Coding(脱发),哪怕是红酒蜡烛鲜花围绕,一个告警也......
  • FreeRTOS深入教程(队列内部机制和源码分析)
    (文章目录)前言本篇文章主要来为大家分析队列的内部机制和源码实现。一、队列结构体分析在FreeRTOS中队列会使用一个结构体来表示:1.int8_t*pcHead和int8_t*pcWriteTo:这些指针指向队列存储区的头部和下一个可写入的位置。队列存储区是一个用于存储队列中数据项的缓冲......
  • 直播平台源码,自定义下拉刷新控件
    直播平台源码,自定义下拉刷新控件 importFoundationimportUIKitimportSnapKitclassXRefreshControl:UIRefreshControl{  varobservation:NSKeyValueObservation?  varisLocalRefreshing:Bool=false  letindicator=UIProgressView(progressViewStyle:......
  • LIMS系统源码:从样品登记到检验全面管理实验室流程
    LIMS可用于管理完整的实验程序,从样品登记到检验、校核、审核到最终批准报告,建立在过程质量控制的基础上,对检测流程进行有效全面的管理,对影响质量的人、机、料、法、环因素加以控制,同时为质量改进提供数据依据。LIMS实验室信息管理系统,功能包括以下几个模块:委托管理:样品登记、样品接......
  • Kamailio 源码编译
    Kamailio源码编译一、环境1、OS:Debianbullseye2、版本:Kamailio-5.7.23、MySQL5.7 二、编译1、在Kamailio-5.7.2目录下执行如下指令,生产modules.lst文件makeFLAVOUR=kamailiocfg2、打开modules.lst文件,找到exclude_modules,将等号后面的db_mysql删除。然后执行编译......
  • 掌握《Android Framework源码开发揭秘》,成为移动开发领域的领跑者
    前言前两天被一条消息给震惊到了:阿里上半年裁员超1.36万人,今年将新增近6000名应届大学生。差点以为阿里扛不住了。。。。裁员这个事大家应该见怪不怪,这两年,我们已经被一波又一波的裁员浪潮,冲激得可以说是麻木了,但是1.36万这个数字还是挺吓人的。对于企业来说,这是调整经营策略、优化......
  • 基于微信小程序的美家买菜系统-计算机毕业设计源码+LW文档
    一、 论文选题的目的和意义如今,随着社会的不断变化与发展,计算机行业的快速兴起使得计算机技术不断提高。腾讯在推出微信小程序之后,在各种行业里面掀起一阵阵的热潮,很多APP应用被简化为小程序的功能迅速推出,同时也根据小程序的特性推出各种独具匠心的应用,相对传统的APP来说,微信小程......
  • 专业实践师生组织体系APP_-计算机毕业设计源码+LW文档
    摘 要随着我国教育事业的发展,如何更好的锻炼学生的实践能力已经成为当下很多高校研究的一个主要内容,传统的学生实践都是教育工作人样人工手动的方式在进行管理,这种管理方式非常的落后,为了能够提高高校专业实践师生组织管理效率,我们开发了本次的专业实践师生组织体系APP。本专业......