更新短视频SDK，添加获取短视频列表接口，更新短视频文档

王琳
1 parent 3b21c068
Showing 23 changed files with 1398 additions and 7 deletions
app/libs/libcnlivelive.jar
app/libs/libcnliveshortvideo.jar
app/src/main/AndroidManifest.xml
app/src/main/java/com/cnlive/demo/shortvideo/file/FileUtils.java
app/src/main/java/com/cnlive/demo/shortvideo/network/HttpRequest.java
app/src/main/java/com/cnlive/demo/shortvideo/network/model/ShortVideoDataModel.java
app/src/main/java/com/cnlive/demo/shortvideo/network/model/ShortVideoInfo.java
app/src/main/java/com/cnlive/demo/shortvideo/network/model/ShortVideoList.java
app/src/main/java/com/cnlive/demo/shortvideo/network/util/SignUtil.java
app/src/main/java/com/cnlive/demo/shortvideo/ui/activity/EditActivity.java
app/src/main/java/com/cnlive/demo/shortvideo/ui/activity/ListVideoActivity.java
app/src/main/java/com/cnlive/demo/shortvideo/ui/activity/MainActivity.java
app/src/main/java/com/cnlive/demo/shortvideo/ui/activity/ShortVideoPlayActivity.java
app/src/main/java/com/cnlive/demo/shortvideo/ui/adapter/BitmapCache.java
app/src/main/java/com/cnlive/demo/shortvideo/ui/adapter/ShortVideoAdapter.java
app/src/main/res/drawable-xhdpi/default_pic.png
app/src/main/res/drawable-xhdpi/player_back.png
app/src/main/res/layout/activity_list_video.xml
app/src/main/res/layout/activity_main.xml
app/src/main/res/layout/activity_short_video_play.xml
@@ -20,14 +20,14 @@
     <uses-permission android:name="android.permission.VIBRATE" />
     <application
-        android:name="com.cnlive.demo.shortvideo.application.CNShrotVideoApplication"
+        android:name=".application.CNShrotVideoApplication"
         android:allowBackup="true"
         android:icon="@mipmap/ic_launcher"
         android:label="@string/app_name"
         android:roundIcon="@mipmap/ic_launcher_round"
         android:supportsRtl="true"
         android:theme="@style/AppTheme">
-        <activity android:name="com.cnlive.demo.shortvideo.ui.activity.MainActivity">
+        <activity android:name=".ui.activity.MainActivity">
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
@@ -35,18 +35,20 @@
             </intent-filter>
         </activity>
         <activity
-            android:name="com.cnlive.demo.shortvideo.ui.activity.RecordActivity"
+            android:name=".ui.activity.RecordActivity"
             android:configChanges="orientation|keyboardHidden|screenSize"
             android:launchMode="singleTop"
             android:theme="@style/Theme.AppCompat.Light.NoActionBar" />
         <activity
-            android:name="com.cnlive.demo.shortvideo.ui.activity.EditActivity"
+            android:name=".ui.activity.EditActivity"
             android:configChanges="orientation|keyboardHidden|screenSize"
             android:launchMode="singleTop"
             android:theme="@style/Theme.AppCompat.Light.NoActionBar" />
         <activity
-            android:name="com.cnlive.demo.shortvideo.ui.activity.FileImportActivity"
+            android:name=".ui.activity.FileImportActivity"
             android:theme="@style/Theme.AppCompat.Light.NoActionBar" />
+        <activity android:name=".ui.activity.ListVideoActivity"></activity>
+        <activity android:name=".ui.activity.ShortVideoPlayActivity"/>
     </application>
 </manifest>
 \ No newline at end of file
@@ -5,6 +5,7 @@ import android.content.Context;
 import android.content.Intent;
 import android.database.Cursor;
 import android.database.DatabaseUtils;
+import android.graphics.Bitmap;
 import android.net.Uri;
 import android.os.Build;
 import android.os.Environment;
@@ -14,6 +15,9 @@ import android.util.Log;
 import android.webkit.MimeTypeMap;
 import java.io.File;
+import java.io.FileOutputStream;
+import java.io.IOException;
+import java.util.UUID;
 /**
  * Created by Lynn on 6/28/2017.
@@ -289,4 +293,53 @@ public class FileUtils {
             return "";
         }
     }
+
+    private static final String SD_PATH = "/sdcard/cn_sv_cover_img";
+    private static final String IN_PATH = "/dskqxt/pic/";
+
+    /**
+     * 随机生产文件名
+     *
+     * @return
+     */
+    private static String generateFileName() {
+        return UUID.randomUUID().toString();
+    }
+
+    /**
+     * 保存bitmap到本地
+     *
+     * @param context
+     * @param mBitmap
+     * @return
+     */
+    public static String saveBitmap(Context context, Bitmap mBitmap) {
+        String savePath;
+        File filePic;
+        if (Environment.getExternalStorageState().equals(
+                Environment.MEDIA_MOUNTED)) {
+            savePath = SD_PATH;
+        } else {
+            savePath = context.getApplicationContext().getFilesDir()
+                    .getAbsolutePath()
+                    + IN_PATH;
+        }
+        try {
+            filePic = new File(savePath + generateFileName() + ".png");
+            if (!filePic.exists()) {
+                filePic.getParentFile().mkdirs();
+                filePic.createNewFile();
+            }
+            FileOutputStream fos = new FileOutputStream(filePic);
+            mBitmap.compress(Bitmap.CompressFormat.PNG, 100, fos);
+            fos.flush();
+            fos.close();
+        } catch (IOException e) {
+            // TODO Auto-generated catch block
+            e.printStackTrace();
+            return null;
+        }
+
+        return filePic.getAbsolutePath();
+    }
 }
+package com.cnlive.demo.shortvideo.network;
+
+import android.provider.ContactsContract;
+import android.text.TextUtils;
+import android.util.Log;
+
+import com.cnlive.demo.shortvideo.network.model.ShortVideoDataModel;
+import com.cnlive.demo.shortvideo.network.model.ShortVideoInfo;
+import com.cnlive.demo.shortvideo.network.util.SignUtil;
+import com.cnlive.libs.shortvideo.callback.Callback;
+import com.cnlive.libs.shortvideo.kit.base.ICNEditKit;
+import com.cnlive.libs.util.Config;
+import com.cnlive.libs.util.HttpUtils;
+import com.cnlive.libs.util.NetUtil;
+import com.cnlive.libs.util.data.okhttp3.Call;
+import com.cnlive.libs.util.data.okhttpUtil.callback.GenericsCallback;
+
+import java.util.HashMap;
+import java.util.Map;
+
+/**
+ * Created by Lynn on 2017/7/19.
+ */
+
+public class HttpRequest {
+    private static final String BASE_URL_RELEASE = "http://api.cnlive.com/open/api2";
+
+    private static final String BASE_URL_DEBUG = "http://test.open.cnlive.com/openapi/api2";
+
+    private static final String BASE_URL = Config.debug ? BASE_URL_DEBUG : BASE_URL_RELEASE;
+
+    private static final String VIDEO_LIST = BASE_URL + "/vod_epg/sp/shortVideoList4APP";
+
+    private static DataGenericsCallback<ShortVideoDataModel> mShortVideoListCallback;
+
+    private static abstract class DataGenericsCallback<T> extends GenericsCallback<T> {
+        com.cnlive.libs.shortvideo.callback.Callback callback;
+
+        DataGenericsCallback(Callback callback) {
+            this.callback = callback;
+        }
+
+        void cancel() {
+            callback = null;
+        }
+    }
+
+    private static void videoList(String userId,
+                                  String page,
+                                  String pageSize,
+                                  GenericsCallback<ShortVideoDataModel> callback) {
+        Map<String, String> params = new HashMap<>();
+        params.put("appId", Config.getAppId());
+        params.put("userId", userId);
+        params.put("page", page);
+        params.put("pageSize", pageSize);
+        params.put("platform_id", Config.getContext().getPackageName());
+        params.put("timestamp", String.valueOf(System.currentTimeMillis()));
+        HttpUtils.doGetAsyn(VIDEO_LIST, SignUtil.getSignParamM(Config.getContext(), params), callback);
+    }
+
+    public static void getVideoList(String userId,
+                                    String page,
+                                    String pageSize,
+                                    Callback callback) {
+        if (mShortVideoListCallback != null) {
+            mShortVideoListCallback.cancel();
+            mShortVideoListCallback = null;
+        }
+
+        mShortVideoListCallback = new DataGenericsCallback<ShortVideoDataModel>(callback) {
+            @Override
+            public void onError(Call call, Exception e) {
+                if (callback == null) return;
+                if (!NetUtil.checkNetwork(Config.getContext())) {
+                    callback.onError(-10000, "网络连接失败");
+                } else {
+                    callback.onError(-10001, "其他错误");
+                }
+                if (e != null) {
+                    Log.e("LynnTest", e.toString());
+                    e.printStackTrace();
+                }
+            }
+
+            @Override
+            public void onResponse(ShortVideoDataModel shortVideoInfo, Exception e) {
+                if (callback == null) return;
+                if (shortVideoInfo != null && "0".equals(shortVideoInfo.getErrorCode())) {
+                    callback.onInfo(ICNEditKit.INFO_GET_UPLOAD_INFO_SUCCESS, shortVideoInfo);
+                } else if (shortVideoInfo != null && !TextUtils.isEmpty(shortVideoInfo.getErrorCode())) {
+                    callback.onError(ICNEditKit.ERROR_GET_UPLOAD_INFO_SERVER, ICNEditKit.MSG_GET_UPLOAD_INFO_SERVER + shortVideoInfo.getErrorMessage());
+                } else {
+                    onError(null, e);
+                }
+            }
+        };
+
+        videoList(userId, page, pageSize, mShortVideoListCallback);
+
+    }
+}
+package com.cnlive.demo.shortvideo.network.model;
+
+
+import com.cnlive.libs.shortvideo.network.model.ErrorMessage;
+
+import java.io.Serializable;
+
+/**
+ * Created by Lynn on 2017/7/13.
+ */
+
+public class ShortVideoDataModel extends ErrorMessage{
+
+    private ShortVideoList data;
+
+    public ShortVideoList getData() {
+        return data;
+    }
+
+    public void setData(ShortVideoList data) {
+        this.data = data;
+    }
+
+    @Override
+    public String toString() {
+        return "ShortVideoDataModel{" +
+                "data=" + data +
+                '}';
+    }
+}
+package com.cnlive.demo.shortvideo.network.model;
+
+import com.cnlive.libs.util.model.BaseData;
+
+
+/**
+ * Created by Lynn on 2017/7/14.
+ */
+
+public class ShortVideoInfo extends BaseData {
+//    private String appId;
+//    private String createTime;
+    private String description;
+//    private String id;
+//    private String md5;
+    private String name;
+    private String picKey;
+//    private String path;
+//    private String spId;
+    private String status;
+//    private String updateTime;
+    private String videoId;
+
+//    public String getAppId() {
+//        return appId;
+//    }
+//
+//    public void setAppId(String appId) {
+//        this.appId = appId;
+//    }
+//
+//    public String getCreateTime() {
+//        if (createTime != null) {
+//            return DateUtils.getDateToString(Long.parseLong(createTime));
+//        }else {
+//            return "";
+//        }
+//    }
+//
+//    public void setCreateTime(String createTime) {
+//        this.createTime = createTime;
+//    }
+
+    public String getDescription() {
+        return description;
+    }
+
+    public void setDescription(String description) {
+        this.description = description;
+    }
+
+//    public String getId() {
+//        return id;
+//    }
+//
+//    public void setId(String id) {
+//        this.id = id;
+//    }
+//
+//    public String getMd5() {
+//        return md5;
+//    }
+//
+//    public void setMd5(String md5) {
+//        this.md5 = md5;
+//    }
+
+    public String getName() {
+        return name;
+    }
+
+    public void setName(String name) {
+        this.name = name;
+    }
+
+    public String getPicKey() {
+        return picKey;
+    }
+
+    public void setPicKey(String picKey) {
+        this.picKey = picKey;
+    }
+
+    //    public String getPath() {
+//        return path;
+//    }
+//
+//    public void setPath(String path) {
+//        this.path = path;
+//    }
+//
+//    public String getSpId() {
+//        return spId;
+//    }
+//
+//    public void setSpId(String spId) {
+//        this.spId = spId;
+//    }
+
+    public String getStatus() {
+        return status;
+    }
+
+    public void setStatus(String status) {
+        this.status = status;
+    }
+
+//    public String getUpdateTime() {
+//        return updateTime;
+//    }
+//
+//    public void setUpdateTime(String updateTime) {
+//        this.updateTime = updateTime;
+//    }
+
+    public String getVideoId() {
+        return videoId;
+    }
+
+    public void setVideoId(String videoId) {
+        this.videoId = videoId;
+    }
+
+    @Override
+    public String toString() {
+        return "ShortVideoInfo{" +
+                "description='" + description + '\'' +
+                ", name='" + name + '\'' +
+                ", picKey='" + picKey + '\'' +
+                ", status='" + status + '\'' +
+                ", videoId='" + videoId + '\'' +
+                '}';
+    }
+}
+package com.cnlive.demo.shortvideo.network.model;
+
+import com.cnlive.libs.util.model.BaseData;
+
+import java.io.Serializable;
+import java.util.List;
+
+/**
+ * Created by Lynn on 2017/7/14.
+ */
+
+public class ShortVideoList extends BaseData{
+    List<ShortVideoInfo> list;
+
+    public List<ShortVideoInfo> getList() {
+        return list;
+    }
+
+    public void setList(List<ShortVideoInfo> list) {
+        this.list = list;
+    }
+
+    @Override
+    public String toString() {
+        return "ShortVideoList{" +
+                "list=" + list +
+                '}';
+    }
+}
+package com.cnlive.demo.shortvideo.network.util;
+
+import android.content.Context;
+import android.util.Log;
+
+import com.cnlive.libs.util.Config;
+import com.cnlive.libs.util.SHA1;
+
+import java.io.UnsupportedEncodingException;
+import java.net.URLEncoder;
+import java.util.ArrayList;
+import java.util.Collections;
+import java.util.Comparator;
+import java.util.HashMap;
+import java.util.LinkedHashMap;
+import java.util.List;
+import java.util.Locale;
+import java.util.Map;
+
+/**
+ * Created by Lynn on 5/25/2017.
+ */
+
+public class SignUtil {
+    //时间服务器地址
+    private static final String URL_TIME_SERVICE = "https://api.cnlive.com/open/api2/timestamp";
+
+    private static final String TAG = "SignUtil";
+
+    public static Map<String, String> getSignParamM(Context context, Map<String, String> params) {
+        if (context == null || params == null) return new HashMap<>();
+        params.put("platform_id", context.getPackageName());
+        params.put("timestamp", String.valueOf(getTime() / 1000));
+        Map<String, String> map = order(params);
+        if (map.containsKey("sign")) {
+            map.remove("sign");
+        }
+        String signValue = SHA1
+                .SHA1Digest(mapJoin(map, false).concat("&key=").concat(Config.getSpKey()))
+                .toUpperCase(Locale.getDefault());
+        map.put("sign", signValue);
+        return map;
+    }
+
+    private static String getSignParam(Context context, Map<String, String> params) {
+        if (context == null || params == null) return "";
+        params.put("platform_id", context.getPackageName());
+        params.put("timestamp", String.valueOf(getTime() / 1000));
+
+        String signParam = mapParam(params);
+
+        Map<String, String> map = order(params);
+
+        if (map.containsKey("sign")) {
+            map.remove("sign");
+        }
+
+        String signValue = SHA1.SHA1Digest(mapJoin(map, false).concat("&key=").concat(Config.getSpKey()))
+                .toUpperCase(Locale.getDefault());
+        return signParam.concat("&sign=").concat(signValue);
+    }
+
+    private static long getTime() {
+//        OkHttpClient okHttpClient = new OkHttpClient();
+//        try {
+//            Request request = new Request.Builder().url(URL_TIME_SERVICE).build();
+//            Response response = okHttpClient.newCall(request).execute();
+//            Headers headers = response.headers();
+//
+//            Date date = headers.getDate("Date");
+//            return date == null ? System.currentTimeMillis() : date.getTime();
+//        } catch (Exception e) {
+//            e.printStackTrace();
+//        }
+
+        return System.currentTimeMillis();
+    }
+
+    public static String mapParam(Map<String, String> map) {
+        StringBuilder stringBuilder = new StringBuilder();
+        for (String key : map.keySet()) {
+            stringBuilder.append(key).append("=").append(map.get(key)).append("&");
+        }
+        if (stringBuilder.length() > 0) {
+            stringBuilder.deleteCharAt(stringBuilder.length() - 1);
+        }
+        return stringBuilder.toString();
+    }
+
+    private static Map<String, String> order(Map<String, String> map) {
+        HashMap<String, String> tempMap = new LinkedHashMap<>();
+        List<Map.Entry<String, String>> infoIds = new ArrayList<>(map.entrySet());
+
+        Collections.sort(infoIds, new Comparator<Map.Entry<String, String>>() {
+            public int compare(Map.Entry<String, String> o1, Map.Entry<String, String> o2) {
+                return o1.getKey().compareTo(o2.getKey());
+            }
+        });
+
+        for (int i = 0; i < infoIds.size(); i++) {
+            Map.Entry<String, String> item = infoIds.get(i);
+            tempMap.put(item.getKey(), item.getValue());
+        }
+        return tempMap;
+    }
+
+    private static String mapJoin(Map<String, String> map, boolean valueUrlencode) {
+        StringBuilder stringBuilder = new StringBuilder();
+        for (String key : map.keySet()) {
+            if (map.get(key) != null && !"".equals(map.get(key))) {
+                try {
+                    stringBuilder.append(key)
+                            .append("=")
+                            .append(valueUrlencode ? URLEncoder.encode(map.get(key), "utf-8").replace("+", "%20") : map.get(key))
+                            .append("&");
+                } catch (UnsupportedEncodingException e) {
+                    Log.e(TAG, "Load:" + e.getMessage(), e);
+                }
+            }
+        }
+        if (stringBuilder.length() > 0) {
+            stringBuilder.deleteCharAt(stringBuilder.length() - 1);
+        }
+        return stringBuilder.toString();
+    }
+}
@@ -49,6 +49,7 @@ import android.widget.TextView;
 import android.widget.Toast;
 import com.cnlive.demo.shortvideo.R;
+import com.cnlive.demo.shortvideo.file.FileUtils;
 import com.cnlive.demo.shortvideo.ui.dialog.ShortVideoConfigDialog;
 import com.cnlive.demo.shortvideo.sticker.StickerAdapter;
 import com.cnlive.demo.shortvideo.util.ColorPicker;
@@ -938,7 +939,7 @@ public class EditActivity extends AppCompatActivity implements ActivityCompat.On
                         mComposeAlertDialog.composeFinished(strings[0]);
                         mComposeFinished = true;
                     }
-                    mEditKit.getUploadInfo(strings[0],"title.mp4", "des", mPutObjectResponseListener);
+                    mEditKit.getUploadInfo("1342671", strings[0], "title.mp4", "des", new File(FileUtils.saveBitmap(EditActivity.this, bitmap)), null, mPutObjectResponseListener);
                 }
                 case ShortVideoConstants.SHORTVIDEO_COMPOSE_ABORTED:
                     break;
@@ -1695,7 +1696,7 @@ public class EditActivity extends AppCompatActivity implements ActivityCompat.On
                 } catch (Exception e) {
                     e.printStackTrace();
                 }
-            }else {
+            } else {
                 mMediaPlayer.setDataSource(new IDataSource() {
                     @Override
                     public String getDataSourceId() {
+package com.cnlive.demo.shortvideo.ui.activity;
+
+import android.support.v4.widget.SwipeRefreshLayout;
+import android.support.v7.app.AppCompatActivity;
+import android.os.Bundle;
+import android.support.v7.widget.LinearLayoutManager;
+import android.support.v7.widget.RecyclerView;
+import android.util.Log;
+import android.view.View;
+import android.widget.TextView;
+import android.widget.Toast;
+
+import com.cnlive.demo.shortvideo.R;
+import com.cnlive.demo.shortvideo.network.HttpRequest;
+import com.cnlive.demo.shortvideo.network.model.ShortVideoDataModel;
+import com.cnlive.demo.shortvideo.ui.adapter.ShortVideoAdapter;
+import com.cnlive.libs.shortvideo.callback.Callback;
+import com.cnlive.libs.util.HttpUtils;
+
+public class ListVideoActivity extends AppCompatActivity implements SwipeRefreshLayout.OnRefreshListener {
+
+    private RecyclerView videoList;
+    private TextView emptyView;
+    private SwipeRefreshLayout swipeRefreshLayout;
+    private ShortVideoAdapter shortVideoAdapter;
+    private LinearLayoutManager mLayoutManager;
+
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        setContentView(R.layout.activity_list_video);
+        initView();
+        loadData();
+    }
+
+    private void initView() {
+        videoList = (RecyclerView) findViewById(R.id.recycler_view);
+        emptyView = (TextView) findViewById(R.id.empty_view);
+        swipeRefreshLayout = (SwipeRefreshLayout) findViewById(R.id.contentView);
+        swipeRefreshLayout.setOnRefreshListener(this);
+    }
+
+    private void loadData() {
+        HttpRequest.getVideoList("1342671", "1", "15", new Callback() {
+            @Override
+            public void onError(int i, String s) {
+                swipeRefreshLayout.setRefreshing(false);
+            }
+
+            @Override
+            public void onInfo(final int i, Object o) {
+                swipeRefreshLayout.setRefreshing(false);
+                final ShortVideoDataModel model = (ShortVideoDataModel) o;
+                if (model.getData() == null) {
+                    videoList.setVisibility(View.GONE);
+                    emptyView.setVisibility(View.VISIBLE);
+                } else {
+                    mLayoutManager = new LinearLayoutManager(ListVideoActivity.this);
+                    videoList.setLayoutManager(mLayoutManager);
+                    videoList.setHasFixedSize(true);
+                    shortVideoAdapter = new ShortVideoAdapter(ListVideoActivity.this, model.getData().getList());
+                    videoList.setAdapter(shortVideoAdapter);
+                    shortVideoAdapter.setOnItemClickListener(new ShortVideoAdapter.OnItemClickListener() {
+                        @Override
+                        public void onItemClick(View view, int position) {
+                            String videoId = model.getData().getList().get(position).getVideoId();
+                            String title = model.getData().getList().get(position).getName();
+                            String des = model.getData().getList().get(position).getDescription();
+                            Toast.makeText(ListVideoActivity.this, "点击 " + position, Toast.LENGTH_SHORT).show();
+                            ShortVideoPlayActivity.startActivity(ListVideoActivity.this, videoId, title, des);
+                        }
+                    });
+                }
+            }
+        });
+    }
+
+    @Override
+    public void onRefresh() {
+        loadData();
+    }
+}
 package com.cnlive.demo.shortvideo.ui.activity;
 import android.content.DialogInterface;
+import android.content.Intent;
 import android.os.Handler;
 import android.support.v7.app.AppCompatActivity;
 import android.os.Bundle;
@@ -21,6 +22,7 @@ public class MainActivity extends AppCompatActivity implements View.OnClickListe
     private Button mAuthButton;
     private Button mRecordButton;
     private Button mImportFileButton;
+    private Button mVideoListButton;
     private Handler mMainHandler;
@@ -40,6 +42,8 @@ public class MainActivity extends AppCompatActivity implements View.OnClickListe
         mRecordButton.setOnClickListener(this);
         mImportFileButton = (Button) findViewById(R.id.import_file);
         mImportFileButton.setOnClickListener(this);
+        mVideoListButton = (Button) findViewById(R.id.video_list);
+        mVideoListButton.setOnClickListener(this);
     }
     @Override
@@ -65,6 +69,9 @@ public class MainActivity extends AppCompatActivity implements View.OnClickListe
             case R.id.import_file:
                 onImportFileClick();
                 break;
+            case R.id.video_list:
+                onVideoListClick();
+                break;
         }
     }
@@ -139,4 +146,9 @@ public class MainActivity extends AppCompatActivity implements View.OnClickListe
     private void onImportFileClick() {
         FileImportActivity.startActivity(MainActivity.this, "/sdcard/uncle.mp4");
     }
+
+    private void onVideoListClick() {
+        Intent intent = new Intent(this, ListVideoActivity.class);
+        startActivity(intent);
+    }
 }
+package com.cnlive.demo.shortvideo.ui.activity;
+
+import android.content.Context;
+import android.content.Intent;
+import android.os.Bundle;
+import android.os.Handler;
+import android.os.Message;
+import android.support.v7.app.AppCompatActivity;
+import android.util.Log;
+import android.view.KeyEvent;
+import android.view.MotionEvent;
+import android.view.View;
+import android.widget.ImageView;
+import android.widget.LinearLayout;
+import android.widget.SeekBar;
+import android.widget.TextView;
+
+import com.cnlive.demo.shortvideo.R;
+import com.cnlive.libs.util.Config;
+import com.cnlive.libs.video.video.MediaPlayer;
+import com.cnlive.libs.video.video.VideoView;
+import com.cnlive.libs.video.video.base.IDataSource;
+import com.cnlive.libs.video.video.base.IMediaPlayer;
+
+import java.text.DecimalFormat;
+import java.text.NumberFormat;
+import java.util.Locale;
+
+
+public class ShortVideoPlayActivity extends AppCompatActivity {
+    private static final String TAG = "VideoPlayerActivity";
+
+    public static final int UPDATE_SEEKBAR = 0;
+    public static final int HIDDEN_SEEKBAR = 1;
+
+    private Context mContext;
+    private VideoView mVideoView;
+    private LinearLayout mPlayerPanel;
+    private ImageView mPlayerStartBtn;
+    private SeekBar mPlayerSeekbar;
+    private TextView mPlayerPosition;
+    private TextView mLoadText;
+    private TextView mPlayerTitle;
+    private TextView mPlayerDes;
+
+    private LinearLayout toppanel;
+
+    private boolean mPlayerPanelShow = false;
+    private boolean mPause = false;
+
+    private int mVideoWidth = 0;
+    private int mVideoHeight = 0;
+
+    private Handler mHandler;
+
+    private final static String VIDEO_ID = "videoId";
+    private final static String NAME = "name";
+    private final static String DES = "des";
+    private String videoId;
+    private String name;
+    private String des;
+
+    public static void startActivity(Context context, String videoId, String name, String des) {
+        Intent intent = new Intent(context, ShortVideoPlayActivity.class);
+        intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK);
+        intent.putExtra(VIDEO_ID, videoId);
+        intent.putExtra(NAME, name);
+        intent.putExtra(DES, des);
+        context.startActivity(intent);
+    }
+
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        mContext = this.getApplicationContext();
+        setContentView(R.layout.activity_short_video_play);
+        initData();
+        initView();
+        initVideoView();
+
+    }
+
+    private void initData() {
+        Bundle bundle = getIntent().getExtras();
+        videoId = bundle.getString(VIDEO_ID);
+        name = bundle.getString(NAME);
+        des = bundle.getString(DES);
+    }
+
+    private void initVideoView() {
+        mHandler = new Handler() {
+            @Override
+            public void handleMessage(Message msg) {
+                super.handleMessage(msg);
+                switch (msg.what) {
+                    case UPDATE_SEEKBAR:
+                        setVideoProgress(0);
+                        break;
+                    case HIDDEN_SEEKBAR:
+                        mPlayerPanelShow = false;
+                        mPlayerPanel.setVisibility(View.GONE);
+                        toppanel.setVisibility(View.GONE);
+                        break;
+                }
+
+            }
+        };
+        mVideoView.setOnPreparedListener(mOnPreparedListener);
+        mVideoView.setOnCompletionListener(mOnCompletionListener);
+        mVideoView.setOnErrorListener(mOnErrorListener);
+        mVideoView.setOnInfoListener(mOnInfoListener);
+        mVideoView.setOnPlayStateListener(mOnPlayStateListener);
+        mVideoView.setOnBufferingUpdateListener(mOnBufferingUpdateListener);
+        mVideoView.setOnVideoSizeChangedListener(mOnVideoSizeChangeListener);
+        mVideoView.setOnTouchListener(mTouchListener);
+
+        mVideoView.setDataSource(new IDataSource() {
+            @Override
+            public String getDataSourceId() {
+                return videoId;
+            }
+
+            @Override
+            public String getDataSourceType() {
+                return Config.TYPE_VOD;
+            }
+
+            @Override
+            public String getDataSourceRate() {
+                return Config.TYPE_PLAY_RATE_2;
+            }
+        });
+    }
+
+    @Override
+    protected void onDestroy() {
+        super.onDestroy();
+    }
+
+    @Override
+    protected void onPause() {
+        super.onPause();
+
+        if (mVideoView != null) {
+            mVideoView.pause();
+            mPause = true;
+        }
+    }
+
+    @Override
+    protected void onResume() {
+        super.onResume();
+        if (mVideoView != null) {
+            mVideoView.start();
+            mPause = false;
+        }
+    }
+
+    @Override
+    public boolean onKeyDown(int keyCode, KeyEvent event) {
+        if (keyCode == KeyEvent.KEYCODE_BACK) {
+            videoPlayEnd();
+        }
+
+        return super.onKeyDown(keyCode, event);
+    }
+
+    private void initView() {
+        mVideoView = (VideoView) findViewById(R.id.video_view);
+        mPlayerPanel = (LinearLayout) findViewById(R.id.player_panel);
+        mPlayerStartBtn = (ImageView) findViewById(R.id.player_start);
+        mPlayerSeekbar = (SeekBar) findViewById(R.id.player_seekbar);
+        mPlayerPosition = (TextView) findViewById(R.id.player_time);
+        mLoadText = (TextView) findViewById(R.id.loading_text);
+        toppanel = (LinearLayout) findViewById(R.id.top_player_panel);
+        mPlayerTitle = (TextView) findViewById(R.id.video_title);
+        mPlayerDes = (TextView) findViewById(R.id.video_description);
+        mPlayerTitle.setText(name);
+        mPlayerDes.setText(des);
+        mPlayerSeekbar.setOnSeekBarChangeListener(mSeekBarListener);
+    }
+
+    private MediaPlayer.OnPreparedListener mOnPreparedListener = new MediaPlayer.OnPreparedListener() {
+        @Override
+        public void onPrepared(IMediaPlayer mediaplayer) {
+            mVideoWidth = mVideoView.getVideoWidth();
+            mVideoHeight = mVideoView.getVideoHeight();
+
+            // Set Video Scaling Mode
+            mVideoView.setVideoScalingMode(MediaPlayer.VIDEO_SCALING_MODE_SCALE_TO_FIT_WITH_CROPPING);
+
+            //start player
+            mVideoView.start();
+
+            //set progress
+            setVideoProgress(0);
+
+            mPlayerPosition.setVisibility(View.VISIBLE);
+            mLoadText.setVisibility(View.VISIBLE);
+
+            mHandler.removeMessages(HIDDEN_SEEKBAR);
+            Message msg = new Message();
+            msg.what = HIDDEN_SEEKBAR;
+            mHandler.sendMessageDelayed(msg, 3000);
+        }
+    };
+
+    private IMediaPlayer.OnBufferingUpdateListener mOnBufferingUpdateListener = new IMediaPlayer.OnBufferingUpdateListener() {
+        @Override
+        public void onBufferingUpdate(IMediaPlayer mp, int percent) {
+            long duration = mVideoView.getDuration();
+            long progress = duration * percent / 100;
+            mPlayerSeekbar.setSecondaryProgress((int) progress);
+        }
+    };
+
+    private IMediaPlayer.OnVideoSizeChangedListener mOnVideoSizeChangeListener = new IMediaPlayer.OnVideoSizeChangedListener() {
+        @Override
+        public void onVideoSizeChanged(IMediaPlayer mp, int width, int height, int sarNum, int sarDen) {
+            if (mVideoWidth > 0 && mVideoHeight > 0) {
+                if (width != mVideoWidth || height != mVideoHeight) {
+                    mVideoWidth = mp.getVideoWidth();
+                    mVideoHeight = mp.getVideoHeight();
+
+                    if (mVideoView != null)
+                        mVideoView.setVideoScalingMode(MediaPlayer.VIDEO_SCALING_MODE_SCALE_TO_FIT_WITH_CROPPING);
+                }
+            }
+        }
+    };
+
+    private IMediaPlayer.OnSeekCompleteListener mOnSeekCompletedListener = new IMediaPlayer.OnSeekCompleteListener() {
+        @Override
+        public void onSeekComplete(IMediaPlayer mp) {
+            Log.e(TAG, "onSeekComplete...............");
+        }
+    };
+
+    private IMediaPlayer.OnCompletionListener mOnCompletionListener = new IMediaPlayer.OnCompletionListener() {
+        @Override
+        public void onCompletion(IMediaPlayer mp) {
+//            Toast.makeText(mContext, "OnCompletionListener, play complete.", Toast.LENGTH_LONG).show();
+            videoPlayEnd();
+        }
+    };
+
+    private IMediaPlayer.OnErrorListener mOnErrorListener = new IMediaPlayer.OnErrorListener() {
+        @Override
+        public boolean onError(IMediaPlayer mp, int what, int extra) {
+            switch (what) {
+                case MediaPlayer.MEDIA_ERROR_UNKNOWN:
+                    Log.e(TAG, "OnErrorListener, Error Unknown:" + what + ",extra:" + extra);
+                    break;
+                default:
+                    Log.e(TAG, "OnErrorListener, Error:" + what + ",extra:" + extra);
+            }
+
+            videoPlayEnd();
+
+            return false;
+        }
+    };
+
+    public IMediaPlayer.OnInfoListener mOnInfoListener = new IMediaPlayer.OnInfoListener() {
+        @Override
+        public boolean onInfo(IMediaPlayer iMediaPlayer, int i, int i1) {
+            switch (i) {
+                case MediaPlayer.MEDIA_INFO_BUFFERING_START:
+                    Log.d(TAG, "Buffering Start.");
+                    break;
+                case MediaPlayer.MEDIA_INFO_BUFFERING_END:
+                    Log.d(TAG, "Buffering End.");
+                    break;
+                case MediaPlayer.MEDIA_INFO_AUDIO_RENDERING_START:
+//                    Toast.makeText(mContext, "Audio Rendering Start", Toast.LENGTH_SHORT).show();
+                    break;
+                case MediaPlayer.MEDIA_INFO_VIDEO_RENDERING_START:
+//                    Toast.makeText(mContext, "Video Rendering Start", Toast.LENGTH_SHORT).show();
+                    break;
+//                case MediaPlayer.MEDIA_INFO_SUGGEST_RELOAD:
+//                    // Player find a new stream(video or audio), and we could reload the video.
+//                    if (mVideoView != null)
+//                        mVideoView.reload(mDataSource, false);
+//                    break;
+                case MediaPlayer.MEDIA_INFO_RELOADED:
+//                    Toast.makeText(mContext, "Succeed to reload video.", Toast.LENGTH_SHORT).show();
+                    Log.d(TAG, "Succeed to reload video.");
+                    return false;
+            }
+            return false;
+        }
+    };
+
+    private View.OnTouchListener mTouchListener = new View.OnTouchListener() {
+        @Override
+        public boolean onTouch(View v, MotionEvent event) {
+            dealTouchEvent(v, event);
+            return false;
+        }
+    };
+
+    public IMediaPlayer.OnPlayStateListener mOnPlayStateListener = new IMediaPlayer.OnPlayStateListener() {
+        @Override
+        public void onPlayState(boolean played) {
+            mPlayerStartBtn.setBackgroundResource(played ? R.drawable.pause : R.drawable.play);
+        }
+    };
+
+    private int mVideoProgress = 0;
+    private SeekBar.OnSeekBarChangeListener mSeekBarListener = new SeekBar.OnSeekBarChangeListener() {
+        @Override
+        public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
+            if (fromUser) {
+                mVideoProgress = progress;
+                mHandler.removeMessages(HIDDEN_SEEKBAR);
+                Message msg = new Message();
+                msg.what = HIDDEN_SEEKBAR;
+                mHandler.sendMessageDelayed(msg, 3000);
+            }
+        }
+
+        @Override
+        public void onStartTrackingTouch(SeekBar seekBar) {
+
+        }
+
+        @Override
+        public void onStopTrackingTouch(SeekBar seekBar) {
+            mVideoView.seekTo(mVideoProgress);
+            setVideoProgress(mVideoProgress);
+        }
+    };
+
+
+    public int setVideoProgress(int currentProgress) {
+
+        if (mVideoView == null)
+            return -1;
+
+        long time = currentProgress > 0 ? currentProgress : mVideoView.getCurrentPosition();
+        long length = mVideoView.getDuration();
+
+        // Update all view elements
+        mPlayerSeekbar.setMax((int) length);
+        mPlayerSeekbar.setProgress((int) time);
+
+        if (time >= 0) {
+            String progress = millisToString(time, false) + "/" + millisToString(length, false);
+            mPlayerPosition.setText(progress);
+        }
+
+        Message msg = new Message();
+        msg.what = UPDATE_SEEKBAR;
+
+        if (mHandler != null)
+            mHandler.sendMessageDelayed(msg, 1000);
+        return (int) time;
+    }
+
+    String millisToString(long millis, boolean text) {
+        boolean negative = millis < 0;
+        millis = Math.abs(millis);
+
+        millis /= 1000;
+        int sec = (int) (millis % 60);
+        millis /= 60;
+        int min = (int) (millis % 60);
+        millis /= 60;
+        int hours = (int) millis;
+
+        String time;
+        DecimalFormat format = (DecimalFormat) NumberFormat.getInstance(Locale.US);
+        format.applyPattern("00");
+        if (text) {
+            if (millis > 0)
+                time = (negative ? "-" : "") + hours + "h" + format.format(min) + "min";
+            else if (min > 0)
+                time = (negative ? "-" : "") + min + "min";
+            else
+                time = (negative ? "-" : "") + sec + "s";
+        } else {
+            if (millis > 0)
+                time = (negative ? "-" : "") + hours + ":" + format.format(min) + ":" + format.format(sec);
+            else
+                time = (negative ? "-" : "") + min + ":" + format.format(sec);
+        }
+        return time;
+    }
+
+    private void videoPlayEnd() {
+        if (mVideoView != null) {
+            mVideoView.release();
+            mVideoView = null;
+        }
+
+
+        mHandler = null;
+
+        finish();
+    }
+
+    public void onClick(View view) {
+        mHandler.removeMessages(HIDDEN_SEEKBAR);
+        Message msg = new Message();
+        msg.what = HIDDEN_SEEKBAR;
+        mHandler.sendMessageDelayed(msg, 3000);
+        switch (view.getId()) {
+            case R.id.player_start:
+                onPlayBtnClick();
+                break;
+            case R.id.back:
+                videoPlayEnd();
+                break;
+        }
+    }
+
+    private void onPlayBtnClick() {
+        mPause = !mPause;
+        mHandler.removeMessages(HIDDEN_SEEKBAR);
+        Message msg = new Message();
+        msg.what = HIDDEN_SEEKBAR;
+        mHandler.sendMessageDelayed(msg, 3000);
+        if (mPause) {
+            mVideoView.pause();
+        } else {
+            mVideoView.start();
+        }
+    }
+
+    // Maybe we could support gesture detect
+    private void dealTouchEvent(View view, MotionEvent event) {
+        mPlayerPanelShow = !mPlayerPanelShow;
+
+        if (mPlayerPanelShow) {
+            mPlayerPanel.setVisibility(View.VISIBLE);
+            toppanel.setVisibility(View.VISIBLE);
+
+            Message msg = new Message();
+            msg.what = HIDDEN_SEEKBAR;
+            mHandler.sendMessageDelayed(msg, 3000);
+        } else {
+            mPlayerPanel.setVisibility(View.GONE);
+            toppanel.setVisibility(View.GONE);
+            mHandler.removeMessages(HIDDEN_SEEKBAR);
+        }
+    }
+
+}
+package com.cnlive.demo.shortvideo.ui.adapter;
+
+import android.graphics.Bitmap;
+import android.util.LruCache;
+
+import com.android.volley.toolbox.ImageLoader;
+
+/**
+ * Created by Lynn on 2017/7/19.
+ */
+
+public class BitmapCache implements ImageLoader.ImageCache {
+    private LruCache<String, Bitmap> cache;
+
+    public BitmapCache() {
+        cache = new LruCache<String, Bitmap>(8 * 1024 * 1024) {
+            @Override
+            protected int sizeOf(String key, Bitmap bitmap) {
+                return bitmap.getRowBytes() * bitmap.getHeight();
+            }
+        };
+    }
+
+    @Override
+    public Bitmap getBitmap(String url) {
+        return cache.get(url);
+    }
+
+    @Override
+    public void putBitmap(String url, Bitmap bitmap) {
+        cache.put(url, bitmap);
+    }
+}
+package com.cnlive.demo.shortvideo.ui.adapter;
+
+import android.content.Context;
+import android.support.v7.widget.RecyclerView;
+import android.view.LayoutInflater;
+import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ImageView;
+import android.widget.TextView;
+
+import com.android.volley.RequestQueue;
+import com.android.volley.toolbox.ImageLoader;
+import com.android.volley.toolbox.Volley;
+import com.cnlive.demo.shortvideo.R;
+import com.cnlive.demo.shortvideo.network.model.ShortVideoInfo;
+
+import java.util.List;
+
+/**
+ * Created by Lynn on 2017/7/19.
+ */
+
+public class ShortVideoAdapter extends RecyclerView.Adapter<ShortVideoAdapter.ViewHolder> implements View.OnClickListener {
+
+
+    private List<ShortVideoInfo> shortVideoInfoList;
+    private OnItemClickListener mOnItemClickListener;
+
+    private Context mContext;
+
+    public ShortVideoAdapter(Context context, List<ShortVideoInfo> list) {
+        mContext = context;
+        this.shortVideoInfoList = list;
+    }
+
+    @Override
+    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
+        View view = LayoutInflater.from(mContext).inflate(R.layout.short_video_item, parent, false);
+        ViewHolder viewHolder = new ViewHolder(view);
+        view.setOnClickListener(this);
+        return viewHolder;
+    }
+
+    @Override
+    public void onBindViewHolder(ViewHolder holder, int position) {
+        holder.title.setText(shortVideoInfoList.get(position).getName());
+        holder.des.setText(shortVideoInfoList.get(position).getDescription());
+        holder.itemView.setTag(position);
+        RequestQueue requestQueue = Volley.newRequestQueue(mContext);
+        ImageLoader imageLoader = new ImageLoader(requestQueue, new BitmapCache());
+        ImageLoader.ImageListener listener = ImageLoader.getImageListener(holder.coverImg, R.drawable.default_pic, R.drawable.default_pic);
+        imageLoader.get(shortVideoInfoList.get(position).getPicKey(), listener);
+    }
+
+    @Override
+    public int getItemCount() {
+        return shortVideoInfoList.size();
+    }
+
+    @Override
+    public void onClick(View view) {
+        if (mOnItemClickListener != null) {
+            mOnItemClickListener.onItemClick(view, (int) view.getTag());
+        }
+    }
+
+    public void setOnItemClickListener(OnItemClickListener listener) {
+        this.mOnItemClickListener = listener;
+    }
+
+    public static class ViewHolder extends RecyclerView.ViewHolder {
+
+        public TextView title;
+        public TextView des;
+        //        public TextView time;
+        public ImageView coverImg;
+
+        public ViewHolder(View itemView) {
+            super(itemView);
+            title = (TextView) itemView.findViewById(R.id.video_name);
+            des = (TextView) itemView.findViewById(R.id.video_description);
+//            time = (TextView) itemView.findViewById(R.id.video_time);
+            coverImg = (ImageView) itemView.findViewById(R.id.cover_image);
+        }
+    }
+
+    //define interface
+    public static interface OnItemClickListener {
+        void onItemClick(View view, int position);
+    }
+}
+<?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.support.v4.widget.SwipeRefreshLayout
+        android:id="@+id/contentView"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent">
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:orientation="vertical">
+
+            <!--<include-->
+                <!--android:id="@+id/myVideoIncludLayout"-->
+                <!--layout="@layout/toolbar_my_video" />-->
+
+            <!--<ImageView-->
+                <!--android:id="@+id/bottom_line"-->
+                <!--android:layout_width="match_parent"-->
+                <!--android:layout_height="1px"-->
+                <!--android:background="#88615F5D"-->
+                <!--android:contentDescription="@null" />-->
+
+            <android.support.v7.widget.RecyclerView
+                android:id="@+id/recycler_view"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"/>
+
+            <TextView
+                android:id="@+id/empty_view"
+                android:layout_width="match_parent"
+                android:layout_height="match_parent"
+                android:layout_gravity="center"
+                android:gravity="center"
+                android:text="您还没有录制过视频\n\n快去录制吧⁽⁽ଘ( ˊᵕˋ )ଓ⁾⁾*"
+                android:textSize="20sp"
+                android:visibility="gone" />
+
+        </LinearLayout>
+    </android.support.v4.widget.SwipeRefreshLayout>
+</RelativeLayout>
@@ -27,4 +27,11 @@
         android:layout_marginTop="5dp"
         android:text="导入文件" />
+    <Button
+        android:id="@+id/video_list"
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_marginTop="5dp"
+        android:text="短视频列表" />
+
 </LinearLayout>
+<?xml version="1.0" encoding="utf-8"?>
+
+<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="#000000">
+
+    <com.cnlive.libs.video.video.VideoView
+        android:id="@+id/video_view"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:layout_centerInParent="true" />
+
+    <TextureView
+        android:id="@+id/player_texture"
+        android:layout_width="match_parent"
+        android:layout_height="match_parent"
+        android:layout_centerInParent="true"
+        android:visibility="gone"
+        tools:targetApi="ice_cream_sandwich" />
+
+    <TextView
+        android:id="@+id/loading_text"
+        android:layout_width="wrap_content"
+        android:layout_height="wrap_content"
+        android:layout_centerInParent="true"
+        android:textColor="#FFCC00" />
+
+    <LinearLayout
+        android:id="@+id/top_player_panel"
+        android:layout_width="match_parent"
+        android:layout_height="48dp"
+        android:background="@color/transparent2"
+        android:orientation="horizontal">
+
+        <ImageView
+            android:id="@+id/back"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center_vertical"
+            android:layout_marginLeft="10dp"
+            android:onClick="onClick"
+            android:src="@drawable/player_back" />
+
+        <TextView
+            android:id="@+id/video_title"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center"
+            android:textColor="@android:color/white" />
+    </LinearLayout>
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:layout_alignParentBottom="true"
+        android:background="@color/transparent2"
+        android:orientation="vertical">
+
+        <TextView
+            android:id="@+id/video_description"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:layout_alignParentBottom="true"
+            android:ellipsize="end"
+            android:padding="10dp"
+            android:singleLine="true"
+            android:textColor="@android:color/white" />
+
+        <LinearLayout
+            android:id="@+id/player_panel"
+            android:layout_width="match_parent"
+            android:layout_height="50dp">
+
+            <ImageView
+                android:id="@+id/player_start"
+                android:layout_width="40dp"
+                android:layout_height="40dp"
+                android:layout_marginTop="10dp"
+                android:background="@drawable/play_state"
+                android:onClick="onClick" />
+
+            <RelativeLayout
+                android:layout_width="match_parent"
+                android:layout_height="wrap_content"
+                android:layout_marginTop="10dp">
+
+
+                <TextView
+                    android:id="@+id/player_time"
+                    android:layout_width="wrap_content"
+                    android:layout_height="wrap_content"
+                    android:layout_alignParentLeft="true"
+                    android:text="00:00/00:00" />
+
+                <SeekBar
+                    android:id="@+id/player_seekbar"
+                    android:layout_width="match_parent"
+                    android:layout_height="wrap_content"
+                    android:layout_below="@+id/player_time"
+                    android:focusable="true" />
+
+            </RelativeLayout>
+
+        </LinearLayout>
+    </LinearLayout>
+</RelativeLayout>
 \ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
+    android:orientation="vertical" android:layout_width="match_parent"
+    android:layout_height="wrap_content">
+
+    <LinearLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content"
+        android:orientation="horizontal">
+
+        <ImageView
+            android:id="@+id/cover_image"
+            android:layout_width="90dp"
+            android:layout_height="90dp"
+            android:padding="2dp" />
+
+        <LinearLayout
+            android:layout_width="match_parent"
+            android:layout_height="90dp"
+            android:layout_marginLeft="10dp"
+            android:gravity="center_vertical"
+            android:orientation="vertical">
+
+            <TextView
+                android:id="@+id/video_name"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:textColor="@android:color/black"
+                android:textSize="18sp" />
+
+            <!--<TextView-->
+            <!--android:id="@+id/video_time"-->
+            <!--android:layout_width="wrap_content"-->
+            <!--android:layout_height="wrap_content"-->
+            <!--android:layout_marginLeft="10dp"-->
+            <!--android:layout_marginTop="10dp"-->
+            <!--android:text="@{shortVideoInfo.createTime}"-->
+            <!--android:textSize="14sp" />-->
+
+            <TextView
+                android:id="@+id/video_description"
+                android:layout_width="wrap_content"
+                android:layout_height="wrap_content"
+                android:layout_marginLeft="10dp"
+                android:layout_marginTop="3dp"
+                android:textSize="14sp" />
+
+        </LinearLayout>
+
+    </LinearLayout>
+
+    <View
+        android:layout_width="match_parent"
+        android:layout_height="1dp"
+        android:background="#dcdcdc" />
+
+</LinearLayout>
 \ No newline at end of file
+<?xml version="1.0" encoding="utf-8"?>
+<layout>
+
+    <android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android"
+        xmlns:app="http://schemas.android.com/apk/res-auto"
+        android:id="@+id/myVideoToolBar"
+        android:layout_width="match_parent"
+        android:layout_height="?attr/actionBarSize"
+        android:focusable="true"
+        android:focusableInTouchMode="true"
+        app:popupTheme="@style/ThemeOverlay.AppCompat.Light">
+
+        <ImageView
+            android:id="@+id/title_back"
+            android:layout_width="wrap_content"
+            android:layout_height="match_parent"
+            android:visibility="visible"
+            android:src="@drawable/back"/>
+
+        <TextView
+            android:id="@+id/title_name"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_gravity="center_horizontal"
+            android:singleLine="true"
+            android:text="there is a title"
+            android:textColor="@android:color/black"
+            android:textSize="20sp"
+            android:onClick="onClick"/>
+
+    </android.support.v7.widget.Toolbar>
+
+</layout>
 \ No newline at end of file