# 1-前言
       影片類、直播類APP最近幾年一直都比較火爆，佔據下載排行榜的前列。華為影片服務提供影片播放服務，助力開發者快速構建影片特性，幫助開發者向使用者提供影片媒體體驗。
       本文介紹了幾種簡單實現網路影片播放器的方式，包括使用Android原生的，使用第三方SDK，以及使用華為影片服務三種方式，以及之間的差異。

# 2-網路播放器實現的方案
完成影片播放有如下幾種方案
1. VideoView，Android為開發人員封裝好的簡單的播放影片媒體的方式，提供了一些基本方法（時間軸，進度條等）

2. SurfaceView +MediaPlayer, SurfaceView用於展示，MediaPlayer用於媒體檔案播放的元件。

3.  專業的影片公司，一般自定義自己的流媒體庫，完成影片網站和直播的相關工作，比如Ijkplayer 是Bilibili釋出的基於 FFplay 的輕量級 Android/iOS 影片播放器。實現了跨平臺功能，API 易於整合；編譯配置可裁剪，方便控制安裝包大小；支援硬體加速解碼，更加省電；提供 Android 平臺下應用彈幕整合的解決方案。

華為影片服務屬於此類。

4. 個人或團隊開發者提供的開源的SDK，開發者可以三兩行程式碼就能整合到應用中的影片播放框架，並且提供了開放的介面來滿足不同開發者的不同需求。

其中1,2是Android原生自帶的元件，只能播放簡單的mp4,3gp幾種格式，無法播放flv，rmvb等格式。所以更多的開發者選擇開源的SDK來支援更多的影片格式以及播放能力。

# 3-整體流程
影片流從載入到準備播放需要解協議，解封裝，解編碼這樣的過程，下圖是影片播放整個流程需要涉及到的步驟：

![在這裡插入圖片描述](https://img-blog.csdnimg.cn/2021012509362625.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70#pic_center)

協議就是流媒體協議：一般由http，RTSP，RTMP；一般常見的使用http協議，而RTSP和RTMP一般用於直播流或支援帶有控制信令的，比如遠端影片監控

影片封裝協議指的是我們常見的mp4，avi，rmvb，mkv，ts，3gp，flv等常見字尾格式，他們就是流媒體封裝協議，就是在傳輸過程中把音訊和影片打包在一起，所以播放前需要解開，提取對應的音訊編碼和影片編碼，

Ø  音訊編碼：

音訊資料的編碼方式，常見的mp3，pcm，wav，aac，ac-3等，因為音訊的原始資料大小一般不適合直接傳入，原始大小一般按照

取樣率（Sampling Rate）*Channel(s)聲道數*樣本格式*時長去計算，假設音訊取樣率是48kHz，樣本格式是16bit，單聲道，24s，原始音訊大小

48000*16*1*24/8 = 2.3mb

而實際將音訊資訊提取出來的大小，如下圖大概只有353K，這就是音訊編碼的作用。

![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210125093655915.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70#pic_center)

Ø  影片編碼：
影片編碼指的就是畫面影像的編碼壓縮方式，一般有 H263、H264、HEVC（H265）、MPEG-2 、MPEG-4 等，其中H264 是目前比較常見的編碼方式。影片編碼的原理比較複雜，這裡不單獨講了，目的是相同的，影片編碼主要為了實現影片資訊的壓縮。

**知識點：硬解碼和軟解碼**
我們在一些播放器中會看到，有硬解碼和軟解碼兩種播放形式給我們選擇， 他們有什麼區別呢？

手機有CPU、GPU或者解碼器等硬體。通常，我們的計算都是在CPU上進行的，也就是我們軟體的執行晶片，而GPU主要負責畫面的顯示（是一種硬體加速）。

所謂軟解碼，就是指利用CPU的計算能力來解碼，通常如果CPU的能力不是很強的時候，一則解碼速度會比較慢，二則手機可能出現發熱現象。但是，由於使用統一的演算法，相容性會很好。

硬解碼，指的是利用手機上專門的解碼晶片來加速解碼。通常硬解碼的解碼速度會快很多，但是由於硬解碼由各個廠家實現，質量參差不齊，非常容易出現相容性問題。

# 4-整合關鍵步驟說明和程式碼
### 4.1-Android原生方式
這裡以VideoView為例，VidoView本身其實就是打包了SurfaceView和MediaPlayer。

步驟1：佈局中增加VideoView

```java

</videoview>

</linearlayout>  
```

步驟2：設定播放源及控制器

```java
//網路影片

String netVideoUrl = "http://baobab.kaiyanapp.com/api/v1/playUrl?vid=221119&resourceType=video&editionType=default&source=aliyun&playUrlType=url_oss&udid=1111";

//指定影片檔案的路徑

videoView.setVideoURI(Uri.parse(videoUrl1));

//設定影片控制器

videoView.setMediaController(new MediaController(this));

//播放完成回撥

videoView.setOnCompletionListener( new MyPlayerOnCompletionListener()); 
```

步驟3：新增播放,暫停等按鈕控制播放

```java
switch (v.getId()){

case R.id.play:

if(!videoView.isPlaying()){ //開始播放

Log.d(TAG, "onClick: play video");

videoView.start();

}

break;

case R.id.pause:

Log.d(TAG, "onClick: pause video");

if(videoView.isPlaying()){//暫停

videoView.pause();

}

break;

case R.id.replay:

Log.d(TAG, "onClick: repaly video");

if(videoView.isPlaying()){

videoView.resume();//重新播放

}

break;   
```

步驟4：增加onDestroy，釋放資源

```java
public void onDestroy(){//釋放資源

super.onDestroy();

if(videoView!=null){

videoView.suspend();

}

}  
```

**影片播放效果：**

![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210125094316113.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70#pic_center)

# 4.2-整合第三方開源SDK方式
這裡以開源的JZVideo為例, github地址： [https://github.com/Jzvd/JZVideo](https://github.com/Jzvd/JZVideo)

這裡使用了ListView方式實現多個影片播放源的列表式播放。

步驟1- 在app下面的build.gradle的dependencies包中新增

implementation 'cn.jzvd:jiaozivideoplayer:7.5.0'

步驟2- 佈局中使用cn.jzvd.JzvdStd
```java
<?xml version="1.0" encoding="utf-8"?>

<cn.jzvd.jzvdstd android:id="@+id/item_jz_video" android:layout_width="match_parent" android:layout_height="200dp"></cn.jzvd.jzvdstd>

</linearlayout>  
```

步驟3-程式碼中設定播放地址和播放源

```java

class ViewHolder{

JzvdStd jzvdStd;

public ViewHolder(View view){

jzvdStd = view.findViewById(R.id.item_jz_video);

}

jzvdStd = view.findViewById(R.id.item_jz_video);

//設定影片播放源，第1個引數是影片url，第2個引數是title，

viewHolder.jzvdStd.setUp(

videoUrls[position],

videoTitles[position], Jzvd.SCREEN_NORMAL);

//設定影片的縮圖

Glide.with(convertView.getContext())  
     .load(videoposters[position])  
     .into(viewHolder.jzvdStd.posterImageView);

//記錄播放的位置

viewHolder.jzvdStd.positionInList = position;  
   
//增加釋放影片資源onStop方法

@Override

protected void onStop() {

super.onStop();

JzvdStd.releaseAllVideos();

}  
```

影片播放效果：

![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210125094752339.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70#pic_center)

JzvdStd特點：實現滾動ListView後影片停止播放，影片最大化，自動緩衝，後臺純音播放，可設定縮圖，可設定影片標題，影片自動調節亮度，聲音。

# 4.3-整合華為影片服務的方式
佈局可是使用SurfaceView、TextureView，整合華為影片服務SDK，SDK依賴如下：

implementation "com.huawei.hms:videokit-player:1.0.1.300"

基本播放流程

![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210125095054154.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70#pic_center)

**步驟 1：初始化播放器**

把影片服務的程式先拉起來，它是執行在獨立的程式裡面的，程式拉起來之後會有個回撥，成功的話會有個onSuccess回撥 ，生成SDK的例項。

應用開始的時候只要呼叫初始化一次

```java
/**

*Inittheplayer

*/

privatevoidinitPlayer(){

//DeviceIdtestisusedinthedemo,specificaccesstoincomingdeviceIdafterencryption  
  WisePlayerFactoryOptionsfactoryOptions=newWisePlayerFactoryOptions.Builder().setDeviceId("xxx").build();

WisePlayerFactory.initFactory(this,factoryOptions,initFactoryCallback);

}  
```

```java
/**

*Playerinitializationcallback

*/

privatestaticInitFactoryCallbackinitFactoryCallback=newInitFactoryCallback(){

@Override

publicvoidonSuccess(WisePlayerFactorywisePlayerFactory){

LogUtil.i(TAG,"initplayerfactorysuccess");

setWisePlayerFactory(wisePlayerFactory);

}

};  
```

每次切換一個片源，Step2-Step8都要重新做

**步驟 2：建立播放例項，**

```java
Private void initPlayer(){

if(VideoKitPlayApplication.getWisePlayerFactory()==null){

return;

}

wisePlayer=VideoKitPlayApplication.getWisePlayerFactory().createWisePlayer();

}  
```

**步驟 3：設定監聽器**

建立例項後，要把監聽器新增到sdk中，

主要的監聽器有

1-錯誤監聽請求網路出錯，解碼出錯，監聽會把訊息拋給app，

2-和訊息監聽：播放過程中網速太低，就會有訊息通知

3-Onnet監聽：下載資料之後回撥，通知當前資料已經開始下載，獲取播放時長等資訊，

4-解析度更新監聽，播放內容解析度變化，有會通知

```java
privatevoidsetPlayListener(){

if(wisePlayer!=null){

wisePlayer.setErrorListener(onWisePlayerListener);

wisePlayer.setEventListener(onWisePlayerListener);

wisePlayer.setResolutionUpdatedListener(onWisePlayerListener);

wisePlayer.setReadyListener(onWisePlayerListener);

wisePlayer.setLoadingListener(onWisePlayerListener);

wisePlayer.setPlayEndListener(onWisePlayerListener);

wisePlayer.setSeekEndListener(onWisePlayerListener);

}  
 }  
```

**步驟 4：設定播放源**

```java
//設定單個播放地址

wisePlayer.setPlayUrl("http://baobab.kaiyanapp.com/api/v1/playUrl?vid=221119&resourceType=video&editionType=default&source=aliyun&playUrlType=url_oss&udid=1111");  
```

**步驟5：設定影片播放視窗**

```java
publicvoidsetSurfaceView(SurfaceViewsurfaceView){

if(wisePlayer!=null){

wisePlayer.setView(surfaceView);

}

}   
```

**步驟6：請求資料緩衝**

```java
wisePlayer.ready();//開始請求資料
```

**影片播放效果：**

![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210125095904433.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70#pic_center)

# 5-其他
5.1-Android原生，第三方SDK，HMS Video SDK 對比

![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210125095938824.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70)

相比較而言，當前華為影片服務提供的能力比Android原生的VideoView以及Surface+MediaPlayer要強大，但是相比開源的SDK在播放功能和支援的影片編碼上還有增強的地方；大部分功能也在未來規劃之中，除了播放能力的增強，華為影片服務還將提供長,短影片及直播的端到端解決方案能力，包括影片編輯，直播錄製，影片分發，影片託管，影片稽核，影片加密等，這些能力將助力CP實現快速的媒體類APP的整合上線，基於未來的能力演進，推薦使用華為影片服務。

縮寫表：

![在這裡插入圖片描述](https://img-blog.csdnimg.cn/20210125100037628.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDcwODI0MA==,size_16,color_FFFFFF,t_70)

---
 原文連結：[https://developer.huawei.com/consumer/cn/forum/topic/0202440181902250357?fid=18](https://developer.huawei.com/consumer/cn/forum/topic/0202440181902250357?fid=18)

原作者：胡椒

教你用三種方式打造一款簡單的網路播放器

相關文章