直播商城原始碼，商品展示分為視訊和圖片展示兩種方式實現的相關程式碼

implementation 'com.github.bumptech.glide:glide:4.11.0'
implementation 'androidx.recyclerview:recyclerview:1.0.0'
//輪播視訊及播放器
implementation 'com.github.CymChad:BaseRecyclerViewAdapterHelper:2.9.30'
implementation 'cn.jzvd:jiaozivideoplayer:7.4.1'

​清單檔案中加入網路許可權

<uses-permission android:name="android.permission.INTERNET" />

主要程式碼

package com.demo.cn;
import android.os.Bundle;
import android.view.View;
import android.widget.RelativeLayout;
import android.widget.TextView;
import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.PagerSnapHelper;
import androidx.recyclerview.widget.RecyclerView;
import com.chad.library.adapter.base.BaseViewHolder;
import java.util.ArrayList;
import java.util.List;
import butterknife.BindView;
import butterknife.ButterKnife;
import cn.jzvd.Jzvd;
import cn.jzvd.JzvdStd;
public class MainActivity extends AppCompatActivity {
  @BindView(R.id.shop_banner)
  RecyclerView shopBanner;
  @BindView(R.id.banner_num)
  TextView bannerNum;
  private LinearLayoutManager mLayoutManager;
  private ShopBannerAdapter mShopBannerAdapter;
  private PagerSnapHelper mSnapHelper;
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    ButterKnife.bind(this);
    initBanner();
  }
  private void initBanner() {
    List<VideoMultyItem> mList = new ArrayList<>();
    //新增一個視訊VideoMultyItem中三個引數，第一個引數是視訊的地址，第二個引數1 是視訊 2 是商品，第三個引數為圖片地址（視訊型別時用作視訊封面）
    mList.add(new VideoMultyItem("https://f.video.weibocdn.com/001v6186gx07Ofj1jCJx01041200b8xc0E010.mp4?label=mp4_1080p&template=1920x1080.25.0&trans_finger=0bde055d9aa01b9f6bc04ccac8f0b471&media_id=4659228904980611&tp=8x8A3El:YTkl0eM8&us=0&ori=1&bf=4&ot=h&ps=3lckmu&uid=3ZoTIp&ab=3915-g1,5178-g0,966-g1,1493-g0,1192-g0,1191-g0,1258-g0&Expires=1627902317&ssig=RsS7BVBWq1&KID=unistore,video", 1, "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimages.669pic.com%2Felement_pic%2F55%2F44%2F38%2F7%2F07097c64a940a7c1b669345f1c6360ca.jpg&refer=http%3A%2F%2Fimages.669pic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1630490770&t=c8a62639eafd4fe4f26a545f28ab853d"));
    for (int i = 0; i < 5; i++) {
      mList.add(new VideoMultyItem(null, 2, "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimages.669pic.com%2Felement_pic%2F55%2F44%2F38%2F7%2F07097c64a940a7c1b669345f1c6360ca.jpg&refer=http%3A%2F%2Fimages.669pic.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1630490770&t=c8a62639eafd4fe4f26a545f28ab853d"));
    }
    mLayoutManager = new LinearLayoutManager(this);
    mLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
    shopBanner.setLayoutManager(mLayoutManager);
    mShopBannerAdapter = new ShopBannerAdapter(mList);
    mSnapHelper = new PagerSnapHelper();
    shopBanner.setOnFlingListener(null);
    mSnapHelper.attachToRecyclerView(shopBanner);
    shopBanner.setAdapter(mShopBannerAdapter);
    bannerNum.setText("1/" + mList.size());
    shopBanner.addOnScrollListener(new RecyclerView.OnScrollListener() {
      @Override
      public void onScrollStateChanged(@NonNull RecyclerView recyclerView, int newState) {
        super.onScrollStateChanged(recyclerView, newState);
      }
      @Override
      public void onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy) {
        super.onScrolled(recyclerView, dx, dy);
        LinearLayoutManager layoutManager = (LinearLayoutManager) shopBanner.getLayoutManager();
        int position = layoutManager.findFirstVisibleItemPosition();
        bannerNum.setText((position + 1) + "/" + mList.size());
      }
    });
    shopBanner.addOnScrollListener(new RecyclerView.OnScrollListener() {
      @Override
      public void onScrollStateChanged(@NonNull RecyclerView recyclerView, int newState) {
        switch (newState) {
          case RecyclerView.SCROLL_STATE_IDLE:
            //停止滾動
            autoPlay(recyclerView);
            break;
          case RecyclerView.SCROLL_STATE_DRAGGING:
            //拖動
            break;
          case RecyclerView.SCROLL_STATE_SETTLING:
            //慣性滑動
            Jzvd.releaseAllVideos();
            break;
          default:
            break;
        }
      }
      @Override
      public void onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy) {
        super.onScrolled(recyclerView, dx, dy);
      }
    });
  }
  private void autoPlay(RecyclerView recyclerView) {
    View view = mSnapHelper.findSnapView(mLayoutManager);
    if (view != null) {
      if (view instanceof RelativeLayout) {
        Jzvd.releaseAllVideos();
      } else {
        BaseViewHolder viewHolder = (BaseViewHolder) recyclerView.getChildViewHolder(view);
        if (viewHolder != null) {
          JzvdStd myVideoPlayer = viewHolder.getView(R.id.player);
          myVideoPlayer.startVideo();
        }
      }
    }
  }
  @Override
  protected void onPause() {
    super.onPause();
    JzvdStd.releaseAllVideos();
  }
}
public class ShopBannerAdapter extends BaseMultiItemQuickAdapter<VideoMultyItem, BaseViewHolder> {
  /**
  * Same as QuickAdapter#QuickAdapter(Context,int) but with
  * some initialization data.
  *
  * @param data A new list is created out of this one to avoid mutable list
  */
  public ShopBannerAdapter(List<VideoMultyItem> data) {
    super(data);
    addItemType(1, R.layout.banner_video);
    addItemType(2, R.layout.banner_image);
  }
  @Override
  protected void convert(BaseViewHolder helper, VideoMultyItem item) {
    switch (item.getItemType()) {
      case 1:
        //視訊
        JzvdStd jzvdStd = helper.getView(R.id.player);
        //去掉
        jzvdStd.setUp(item.getUrl() + "", "", JzvdStd.SCREEN_NORMAL);
        Glide.with(mContext).load(item.getCoverUrl()).diskCacheStrategy(DiskCacheStrategy.ALL).centerCrop().into(jzvdStd.posterImageView);//設定封面
        jzvdStd.setVideoImageDisplayType(jzvdStd.VIDEO_IMAGE_DISPLAY_TYPE_FILL_PARENT);//去掉黑框
        jzvdStd.startVideo();//自動播放
        break;
      case 2:
        ImageView imageView = helper.getView(R.id.image);
        Glide.with(mContext)
            .load(item.getCoverUrl())
            .centerCrop()
            .skipMemoryCache(true)
            .diskCacheStrategy(DiskCacheStrategy.RESOURCE)
            .into(imageView);
        imageView.setOnClickListener(new View.OnClickListener() {
          @Override
          public void onClick(View view) {
          }
        });
        break;
      default:
        break;
    }
  }
}

banner_video.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent">
  <RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <cn.jzvd.JzvdStd
      android:id="@+id/player"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:scaleType="fitXY"/>
  </RelativeLayout>
</FrameLayout>

banner_image.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:orientation="vertical">
  <ImageView
    android:id="@+id/image"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:scaleType="fitXY" />
</RelativeLayout>
VideoMultyItem 檔案
/**
* date:2021/8/2
* author:wsm(admin)
* funcation:
*/
public class VideoMultyItem implements MultiItemEntity {
  private String url;
  //1 是視訊 2 是商品
  private int flag;
  private String coverUrl;
  public String getUrl() {
    return url;
  }
  public void setUrl(String url) {
    this.url = url;
  }
  public int getFlag() {
    return flag;
  }
  public void setFlag(int flag) {
    this.flag = flag;
  }
  public String getCoverUrl() {
    return coverUrl;
  }
  public void setCoverUrl(String coverUrl) {
    this.coverUrl = coverUrl;
  }
  public VideoMultyItem(String url, int flag, String coverUrl) {
    this.url = url;
    this.flag = flag;
    this.coverUrl = coverUrl;
  }
  @Override
  public int getItemType() {
    return flag;
  }
}

以上就是 直播商城原始碼，商品展示分為視訊和圖片展示兩種方式實現的相關程式碼，更多內容歡迎關注之後的文章