欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android 實(shí)現(xiàn)仿網(wǎng)絡(luò)直播彈幕功能詳解及實(shí)例

 更新時(shí)間：2016年11月11日 15:42:53   投稿：lqh  
這篇文章主要介紹了Android 實(shí)現(xiàn)仿網(wǎng)絡(luò)直播彈幕功能詳解的相關(guān)資料,并附實(shí)例代碼及實(shí)現(xiàn)效果圖，需要的朋友可以參考下

Android 網(wǎng)絡(luò)直播彈幕

               最近看好多網(wǎng)絡(luò)電視，播放器及直播都有彈幕功能，自己周末搗鼓下并實(shí)現(xiàn)，以下是網(wǎng)上的資料，大家可以看下。

現(xiàn)在網(wǎng)絡(luò)直播越來(lái)越火，網(wǎng)絡(luò)主播也逐漸成為一種新興職業(yè)，對(duì)于網(wǎng)絡(luò)直播，彈幕功能是必須要有的，如下圖：


首先來(lái)分析一下，這個(gè)彈幕功能是怎么實(shí)現(xiàn)的，首先在最下面肯定是一個(gè)游戲界面View，然后游戲界面上有彈幕View，彈幕的View必須要做成完全透明的，這樣即使覆蓋在游戲界面的上方也不會(huì)影響到游戲的正常觀看，只有當(dāng)有人發(fā)彈幕消息時(shí)，再將消息繪制到彈幕的View上面就可以了，下方肯定還有有操作界面View，可以讓用戶(hù)來(lái)發(fā)彈幕和送禮物的功能，原理示意圖如下所示：


參照原理圖，下面一步一步來(lái)實(shí)現(xiàn)這個(gè)功能。

實(shí)現(xiàn)視頻的播放

activity_main.xml

<RelativeLayout 
 xmlns:android="http://schemas.android.com/apk/res/android" 
 android:id="@+id/activity_main" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent" 
 android:background="#000"> 
 
 <VideoView 
  android:id="@+id/video_view" 
  android:layout_width="match_parent" 
  android:layout_height="wrap_content" 
  android:layout_centerInParent="true"/> 
</RelativeLayout>

MainActivity.java

package com.jackie.bombscreen; 
 
import android.os.Build; 
import android.os.Bundle; 
import android.os.Environment; 
import android.support.v7.app.AppCompatActivity; 
import android.view.View; 
import android.widget.VideoView; 
 
public class MainActivity extends AppCompatActivity { 
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
  super.onCreate(savedInstanceState); 
  setContentView(R.layout.activity_main); 
  VideoView videoView = (VideoView) findViewById(R.id.video_view); 
  videoView.setVideoPath(Environment.getExternalStorageDirectory() + "/xiaoxingyun.mp4"); 
  videoView.start(); 
 } 
  
 @Override 
 public void onWindowFocusChanged(boolean hasFocus) { 
  super.onWindowFocusChanged(hasFocus); 
  if (hasFocus && Build.VERSION.SDK_INT >= 19) { 
   View decorView = getWindow().getDecorView(); 
   decorView.setSystemUiVisibility( 
     View.SYSTEM_UI_FLAG_LAYOUT_STABLE 
       | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION 
       | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN 
       | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION 
       | View.SYSTEM_UI_FLAG_FULLSCREEN 
       | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY); 
  } 
 } 
}

最后別忘了設(shè)置AndroidMainfest.xml


效果如下：

、

實(shí)現(xiàn)彈幕的效果

接下來(lái)我們開(kāi)始實(shí)現(xiàn)彈幕效果。彈幕其實(shí)也就是一個(gè)自定義的View，它的上面可以顯示類(lèi)似于跑馬燈的文字效果。觀眾們發(fā)表的評(píng)論都會(huì)在彈幕上顯示出來(lái)，但又會(huì)很快地移出屏幕，既可以起到互動(dòng)的作用，同時(shí)又不會(huì)影響視頻的正常觀看。

我們可以自己來(lái)編寫(xiě)這樣的一個(gè)自定義View，當(dāng)然也可以直接使用網(wǎng)上現(xiàn)成的開(kāi)源項(xiàng)目。那么為了能夠簡(jiǎn)單快速地實(shí)現(xiàn)彈幕效果，這里我就準(zhǔn)備直接使用由嗶哩嗶哩開(kāi)源的彈幕效果庫(kù)DanmakuFlameMaster。

DanmakuFlameMaster庫(kù)的項(xiàng)目主頁(yè)地址是：http://xiazai.jb51.net/201611/yuanma/DanmakuFlameMaster-master(jb51.net).rar

添加build.gradle依賴(lài)

compile 'com.github.ctiao:DanmakuFlameMaster:0.5.3'

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
 xmlns:android="http://schemas.android.com/apk/res/android" 
 android:id="@+id/activity_main" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent" 
 android:background="#000"> 
 
 <VideoView 
  android:id="@+id/video_view" 
  android:layout_width="match_parent" 
  android:layout_height="wrap_content" 
  android:layout_centerInParent="true"/> 
 
 <master.flame.danmaku.ui.widget.DanmakuView 
  android:id="@+id/danmaku_view" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" /> 
</RelativeLayout>

修改MainActivity.java

package com.jackie.bombscreen; 
 
import android.graphics.Color; 
import android.os.Build; 
import android.os.Bundle; 
import android.os.Environment; 
import android.support.v7.app.AppCompatActivity; 
import android.view.View; 
import android.widget.VideoView; 
 
import java.util.Random; 
 
import master.flame.danmaku.controller.DrawHandler; 
import master.flame.danmaku.danmaku.model.BaseDanmaku; 
import master.flame.danmaku.danmaku.model.DanmakuTimer; 
import master.flame.danmaku.danmaku.model.IDanmakus; 
import master.flame.danmaku.danmaku.model.android.DanmakuContext; 
import master.flame.danmaku.danmaku.model.android.Danmakus; 
import master.flame.danmaku.danmaku.parser.BaseDanmakuParser; 
import master.flame.danmaku.ui.widget.DanmakuView; 
 
public class MainActivity extends AppCompatActivity { 
 private boolean mIsShowDanmaku; 
 private DanmakuView mDanmakuView; 
 private DanmakuContext mDanmakuContext; 
 
 private BaseDanmakuParser parser = new BaseDanmakuParser() { 
  @Override 
  protected IDanmakus parse() { 
   return new Danmakus(); 
  } 
 }; 
 
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
  super.onCreate(savedInstanceState); 
  setContentView(R.layout.activity_main); 
  VideoView videoView = (VideoView) findViewById(R.id.video_view); 
  videoView.setVideoPath(Environment.getExternalStorageDirectory() + "/xiaoxingyun.mp4"); 
  videoView.start(); 
 
  mDanmakuView = (DanmakuView) findViewById(R.id.danmaku_view); 
  mDanmakuView.enableDanmakuDrawingCache(true); 
  mDanmakuView.setCallback(new DrawHandler.Callback() { 
   @Override 
   public void prepared() { 
    mIsShowDanmaku = true; 
    mDanmakuView.start(); 
    generateSomeDanmaku(); 
   } 
 
   @Override 
   public void updateTimer(DanmakuTimer timer) { 
 
   } 
 
   @Override 
   public void danmakuShown(BaseDanmaku danmaku) { 
 
   } 
 
   @Override 
   public void drawingFinished() { 
 
   } 
  }); 
 
  mDanmakuContext = DanmakuContext.create(); 
  mDanmakuView.prepare(parser, mDanmakuContext); 
 } 
 
 /** 
  * 向彈幕View中添加一條彈幕 
  * @param content  彈幕的具體內(nèi)容 
  * @param withBorder 彈幕是否有邊框 
  */ 
 private void addDanmaku(String content, boolean withBorder) { 
  BaseDanmaku danmaku = mDanmakuContext.mDanmakuFactory.createDanmaku(BaseDanmaku.TYPE_SCROLL_RL); 
  danmaku.text = content; 
  danmaku.padding = 5; 
  danmaku.textSize = sp2px(20); 
  danmaku.textColor = Color.WHITE; 
  danmaku.setTime(mDanmakuView.getCurrentTime()); 
  if (withBorder) { 
   danmaku.borderColor = Color.GREEN; 
  } 
  mDanmakuView.addDanmaku(danmaku); 
 } 
 
 /** 
  * 隨機(jī)生成一些彈幕內(nèi)容以供測(cè)試 
  */ 
 private void generateSomeDanmaku() { 
  new Thread(new Runnable() { 
   @Override 
   public void run() { 
    while(mIsShowDanmaku) { 
     int time = new Random().nextInt(300); 
     String content = "" + time + time; 
     addDanmaku(content, false); 
     try { 
      Thread.sleep(time); 
     } catch (InterruptedException e) { 
      e.printStackTrace(); 
     } 
    } 
   } 
  }).start(); 
 } 
 
 /** 
  * sp轉(zhuǎn)px的方法。 
  */ 
 public int sp2px(float spValue) { 
  final float fontScale = getResources().getDisplayMetrics().scaledDensity; 
  return (int) (spValue * fontScale + 0.5f); 
 } 
 
 @Override 
 protected void onPause() { 
  super.onPause(); 
  if (mDanmakuView != null && mDanmakuView.isPrepared()) { 
   mDanmakuView.pause(); 
  } 
 } 
 
 @Override 
 protected void onResume() { 
  super.onResume(); 
  if (mDanmakuView != null && mDanmakuView.isPrepared() && mDanmakuView.isPaused()) { 
   mDanmakuView.resume(); 
  } 
 } 
 
 @Override 
 protected void onDestroy() { 
  super.onDestroy(); 
  mIsShowDanmaku = false; 
  if (mDanmakuView != null) { 
   mDanmakuView.release(); 
   mDanmakuView = null; 
  } 
 } 
  
 @Override 
 public void onWindowFocusChanged(boolean hasFocus) { 
  super.onWindowFocusChanged(hasFocus); 
  if (hasFocus && Build.VERSION.SDK_INT >= 19) { 
   View decorView = getWindow().getDecorView(); 
   decorView.setSystemUiVisibility( 
     View.SYSTEM_UI_FLAG_LAYOUT_STABLE 
       | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION 
       | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN 
       | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION 
       | View.SYSTEM_UI_FLAG_FULLSCREEN 
       | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY); 
  } 
 } 
}

效果圖如下：


加入操作界面

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
 xmlns:android="http://schemas.android.com/apk/res/android" 
 android:id="@+id/activity_main" 
 android:layout_width="match_parent" 
 android:layout_height="match_parent" 
 android:background="#000"> 
 
 <VideoView 
  android:id="@+id/video_view" 
  android:layout_width="match_parent" 
  android:layout_height="wrap_content" 
  android:layout_centerInParent="true"/> 
 
 <master.flame.danmaku.ui.widget.DanmakuView 
  android:id="@+id/danmaku_view" 
  android:layout_width="match_parent" 
  android:layout_height="match_parent" /> 
 
 <LinearLayout 
  android:id="@+id/operation_layout" 
  android:layout_width="match_parent" 
  android:layout_height="50dp" 
  android:layout_alignParentBottom="true" 
  android:background="#fff" 
  android:visibility="gone"> 
 
  <EditText 
   android:id="@+id/edit_text" 
   android:layout_width="0dp" 
   android:layout_height="match_parent" 
   android:layout_weight="1" /> 
 
  <Button 
   android:id="@+id/send" 
   android:layout_width="wrap_content" 
   android:layout_height="match_parent" 
   android:text="Send" /> 
 </LinearLayout> 
</RelativeLayout> 
package com.jackie.bombscreen; 
 
import android.graphics.Color; 
import android.os.Build; 
import android.os.Bundle; 
import android.os.Environment; 
import android.support.v7.app.AppCompatActivity; 
import android.text.TextUtils; 
import android.view.View; 
import android.widget.Button; 
import android.widget.EditText; 
import android.widget.LinearLayout; 
import android.widget.VideoView; 
 
import java.util.Random; 
 
import master.flame.danmaku.controller.DrawHandler; 
import master.flame.danmaku.danmaku.model.BaseDanmaku; 
import master.flame.danmaku.danmaku.model.DanmakuTimer; 
import master.flame.danmaku.danmaku.model.IDanmakus; 
import master.flame.danmaku.danmaku.model.android.DanmakuContext; 
import master.flame.danmaku.danmaku.model.android.Danmakus; 
import master.flame.danmaku.danmaku.parser.BaseDanmakuParser; 
import master.flame.danmaku.ui.widget.DanmakuView; 
 
public class MainActivity extends AppCompatActivity { 
 private boolean mIsShowDanmaku; 
 private DanmakuView mDanmakuView; 
 private DanmakuContext mDanmakuContext; 
 
 private BaseDanmakuParser parser = new BaseDanmakuParser() { 
  @Override 
  protected IDanmakus parse() { 
   return new Danmakus(); 
  } 
 }; 
 
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
  super.onCreate(savedInstanceState); 
  setContentView(R.layout.activity_main); 
  VideoView videoView = (VideoView) findViewById(R.id.video_view); 
  videoView.setVideoPath(Environment.getExternalStorageDirectory() + "/xiaoxingyun.mp4"); 
  videoView.start(); 
 
  mDanmakuView = (DanmakuView) findViewById(R.id.danmaku_view); 
  mDanmakuView.enableDanmakuDrawingCache(true); 
  mDanmakuView.setCallback(new DrawHandler.Callback() { 
   @Override 
   public void prepared() { 
    mIsShowDanmaku = true; 
    mDanmakuView.start(); 
    generateSomeDanmaku(); 
   } 
 
   @Override 
   public void updateTimer(DanmakuTimer timer) { 
 
   } 
 
   @Override 
   public void danmakuShown(BaseDanmaku danmaku) { 
 
   } 
 
   @Override 
   public void drawingFinished() { 
 
   } 
  }); 
 
  mDanmakuContext = DanmakuContext.create(); 
  mDanmakuView.prepare(parser, mDanmakuContext); 
 
  final LinearLayout operationLayout = (LinearLayout) findViewById(R.id.operation_layout); 
  final Button send = (Button) findViewById(R.id.send); 
  final EditText editText = (EditText) findViewById(R.id.edit_text); 
  mDanmakuView.setOnClickListener(new View.OnClickListener() { 
   @Override 
   public void onClick(View view) { 
    if (operationLayout.getVisibility() == View.GONE) { 
     operationLayout.setVisibility(View.VISIBLE); 
    } else { 
     operationLayout.setVisibility(View.GONE); 
    } 
   } 
  }); 
   
  send.setOnClickListener(new View.OnClickListener() { 
   @Override 
   public void onClick(View view) { 
    String content = editText.getText().toString(); 
    if (!TextUtils.isEmpty(content)) { 
     addDanmaku(content, true); 
     editText.setText(""); 
    } 
   } 
  }); 
 
  getWindow().getDecorView().setOnSystemUiVisibilityChangeListener (new View.OnSystemUiVisibilityChangeListener() { 
   @Override 
   public void onSystemUiVisibilityChange(int visibility) { 
    if (visibility == View.SYSTEM_UI_FLAG_VISIBLE) { 
     onWindowFocusChanged(true); 
    } 
   } 
  }); 
 } 
 
 /** 
  * 向彈幕View中添加一條彈幕 
  * @param content  彈幕的具體內(nèi)容 
  * @param withBorder 彈幕是否有邊框 
  */ 
 private void addDanmaku(String content, boolean withBorder) { 
  BaseDanmaku danmaku = mDanmakuContext.mDanmakuFactory.createDanmaku(BaseDanmaku.TYPE_SCROLL_RL); 
  danmaku.text = content; 
  danmaku.padding = 5; 
  danmaku.textSize = sp2px(20); 
  danmaku.textColor = Color.WHITE; 
  danmaku.setTime(mDanmakuView.getCurrentTime()); 
  if (withBorder) { 
   danmaku.borderColor = Color.GREEN; 
  } 
  mDanmakuView.addDanmaku(danmaku); 
 } 
 
 /** 
  * 隨機(jī)生成一些彈幕內(nèi)容以供測(cè)試 
  */ 
 private void generateSomeDanmaku() { 
  new Thread(new Runnable() { 
   @Override 
   public void run() { 
    while(mIsShowDanmaku) { 
     int time = new Random().nextInt(300); 
     String content = "" + time + time; 
     addDanmaku(content, false); 
     try { 
      Thread.sleep(time); 
     } catch (InterruptedException e) { 
      e.printStackTrace(); 
     } 
    } 
   } 
  }).start(); 
 } 
 
 /** 
  * sp轉(zhuǎn)px的方法。 
  */ 
 public int sp2px(float spValue) { 
  final float fontScale = getResources().getDisplayMetrics().scaledDensity; 
  return (int) (spValue * fontScale + 0.5f); 
 } 
 
 @Override 
 protected void onPause() { 
  super.onPause(); 
  if (mDanmakuView != null && mDanmakuView.isPrepared()) { 
   mDanmakuView.pause(); 
  } 
 } 
 
 @Override 
 protected void onResume() { 
  super.onResume(); 
  if (mDanmakuView != null && mDanmakuView.isPrepared() && mDanmakuView.isPaused()) { 
   mDanmakuView.resume(); 
  } 
 } 
 
 @Override 
 protected void onDestroy() { 
  super.onDestroy(); 
  mIsShowDanmaku = false; 
  if (mDanmakuView != null) { 
   mDanmakuView.release(); 
   mDanmakuView = null; 
  } 
 } 
 
 
 @Override 
 public void onWindowFocusChanged(boolean hasFocus) { 
  super.onWindowFocusChanged(hasFocus); 
  if (hasFocus && Build.VERSION.SDK_INT >= 19) { 
   View decorView = getWindow().getDecorView(); 
   decorView.setSystemUiVisibility( 
     View.SYSTEM_UI_FLAG_LAYOUT_STABLE 
       | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION 
       | View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN 
       | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION 
       | View.SYSTEM_UI_FLAG_FULLSCREEN 
       | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY); 
  } 
 } 
}

效果圖如下：

自己發(fā)的彈幕有綠色邊框，很容易區(qū)分。

基本上實(shí)現(xiàn)了彈幕的功能，當(dāng)然，里面的知識(shí)點(diǎn)還有很多，這只是最基本的功能。有時(shí)間的話(huà)，建議學(xué)學(xué)DanmakuFlameMaster，里面還有很多炫酷的功能。

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

相關(guān)文章

  • Android自定義封裝banner組件

    Android自定義封裝banner組件

    這篇文章主要為大家詳細(xì)介紹了Android自定義封裝banner組件的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2017-06-06
  • Android實(shí)現(xiàn)listview動(dòng)態(tài)加載數(shù)據(jù)分頁(yè)的兩種方法

    Android實(shí)現(xiàn)listview動(dòng)態(tài)加載數(shù)據(jù)分頁(yè)的兩種方法

    這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)listview動(dòng)態(tài)加載的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2016-06-06
  • Android中檢查、設(shè)置默認(rèn)程序詳解

    Android中檢查、設(shè)置默認(rèn)程序詳解

    這篇文章主要介紹了Android中檢查、設(shè)置默認(rèn)程序詳解,本文講解了檢測(cè)是否有默認(rèn)的程序、如果有默認(rèn)程序、沒(méi)有默認(rèn)的程序的情況等內(nèi)容,需要的朋友可以參考下
    2015-01-01
  • React Native中Android物理back鍵按兩次返回鍵即退出應(yīng)用

    React Native中Android物理back鍵按兩次返回鍵即退出應(yīng)用

    這篇文章主要給大家介紹了關(guān)于React Native中Android物理back鍵按兩次返回鍵即退出應(yīng)用的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
    2017-10-10
  • android 軟鍵盤(pán)的POPUP布局的問(wèn)題解決

    android 軟鍵盤(pán)的POPUP布局的問(wèn)題解決

    這篇文章主要介紹了android 軟鍵盤(pán)的POPUP布局的問(wèn)題解決，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2018-10-10
  • Android 實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)

    Android 實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)

    android使用Intent來(lái)實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)，接下來(lái)通過(guò)本文給大家分享Android 實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)的實(shí)例代碼，需要的的朋友參考下吧
    2017-09-09
  • Android studio設(shè)計(jì)簡(jiǎn)易計(jì)算器

    Android studio設(shè)計(jì)簡(jiǎn)易計(jì)算器

    這篇文章主要為大家詳細(xì)介紹了Android studio設(shè)計(jì)簡(jiǎn)易計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2019-04-04
  • android從資源文件中讀取文件流并顯示的方法

    android從資源文件中讀取文件流并顯示的方法

    這篇文章主要介紹了android從資源文件中讀取文件流并顯示的方法,涉及Android針對(duì)文件的讀取及顯示技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-07-07
  • Android HandlerThread案例詳解

    Android HandlerThread案例詳解

    這篇文章主要介紹了Android HandlerThread案例詳解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下
    2021-08-08
  • Android自定義View獲取注冊(cè)驗(yàn)證碼倒計(jì)時(shí)按鈕

    Android自定義View獲取注冊(cè)驗(yàn)證碼倒計(jì)時(shí)按鈕

    這篇文章主要介紹了Android自定義View獲取驗(yàn)證碼倒計(jì)時(shí)按鈕的制作方法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2016-10-10

最新評(píng)論