日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 综合教程 >内容正文

综合教程

前端视频直播技术总结及video.js在h5页面中的应用

發布時間:2024/8/26 综合教程 62 生活家
生活随笔 收集整理的這篇文章主要介紹了 前端视频直播技术总结及video.js在h5页面中的应用 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

全手打原創,轉載請標明出處:https://www.cnblogs.com/dreamsqin/p/12557070.html,多謝,=。=~
(如果對你有幫助的話請幫我點個贊啦)

目前有一個需求是在移動端上內嵌h5實現點位的視頻直播,直播項目采用Vue編寫,后端主要輸出 RTMP 和 HLS 協議的直播流,本文主要總結一下整體開發的技術選型以及開發過程中的思考與學習總結。

流媒體傳輸

我的困惑: 什么是流媒體,以及其傳輸方式是怎樣的?

流媒體

流媒體是指采用流式傳輸方式在 Internet 上播放的媒體格式,例如音頻、視頻等多媒體文件。

流式傳輸方式

流式傳輸方式是將多媒體文件經過特殊壓縮后分成一個個壓縮包,再由服務器向客戶端連續、實時傳送。用戶不必像非流式傳輸那樣等待整個文件全部下載完畢后才能播放,而是只需要經過幾秒鐘或幾十秒的啟動延時即可對壓縮的音視頻文件進行播放,剩余的部分將繼續下載,直至播放完畢。

流媒體傳輸協議

常用的流媒體傳輸協議主要有HTTP漸進式下載實時流媒體協議兩類。
HTTP漸進式下載:僅能傳輸完整的音視頻文件,在給定時刻,用戶只能觀看已下載的那部分,而不能跳到還未下載的部分。HTTP邊下載邊播放,嚴格意義上講,不是直播協議。他的原理是先下載文件的基本信息,音頻視頻的時間戳,再下載音視頻數據,以播放mp4為例,先下載文件頭,根據文件頭指引下載文件尾,然后再下載文件的音視頻數據。
實時流媒體協議:可用于實況直播,也可傳輸完整的音視頻文件。例如RTSP/RTP、RTMP、HLS、HTTP-FLV。

RTSP協議

既可以基于UDP傳輸也可以基于TCP傳輸,是純粹的傳輸控制協議,它本身與它負載的媒體數據不相關,RTSP協議需要自定義客戶端向服務器發送RTSP命令。其視頻數據由RTP傳輸,視頻質量由RTCP控制,視頻控制(如播放、暫停等)由RTSP提供。

常用直播流協議

我的困惑: 哪些流媒體傳輸協議用于直播,不同類型之間又有什么區別?

RTMP(Real Time Messaging Protocol)

協議比較全能,既可以用來推送,又可以用來直播。其核心理念是將大塊的視頻幀和音頻幀“剁碎”,然后以小數據包的形式在互聯網上進行傳輸,且支持加密,因此隱私性相對比較理想,但拆包組包的過程比較復雜,所以在海量并發時容易出現一些不可預期的穩定性問題。

HLS(HTTP Live Streaming)

蘋果推出的解決方案,將視頻分成 5-10 秒的視頻小分片,然后用 M3U8 索引表進行管理。由于客戶端下載到的視頻都是 5-10 秒的完整數據,故視頻的流暢性很好,但也同樣引入了很大的延遲(HLS 的一般延遲在 10-30s 左右)。相比于 FLV,HLS 在iPhone 和大部分 Android 手機瀏覽器上的支持非常給力,所以常用于 QQ 和微信朋友圈的 URL 分享。

HTTP-FLV(Flash Video)

由 Adobe 公司主推,格式極其簡單,只是在大塊的視頻幀和音視頻頭部加入一些標記頭信息,由于這種極致的簡潔,在延遲表現和大規模并發方面都很成熟。唯一的不足就是在手機瀏覽器上的支持非常有限,但是用作手機端 APP 直播協議卻異常合適。

RTMP、HLS、HTTP-FLV 協議對比如下圖所示:

直播原理

我的困惑: 想要實現直播,需要經歷怎樣的過程?

如果用一句話描述整體過程,其實就是直播時,主播端將直播流推向服務器,用戶端發起請求從服務器拉視頻流過來解碼播放,流程如下圖所示:

第一部分就是視頻主播端的操作:視頻采集處理后推流到流媒體服務器。

首先從前端采集設備中獲得原始的音頻、視頻數據;
為了增強額外效果,對音頻進行混音、降噪等處理,可為視頻打上時間戳、添加Logo水印或增加濾鏡;
隨后對音頻、視頻進行編碼,通過編碼壓縮滿足其在互聯網上實時傳輸的需求;
編碼后就可以把各種多媒體內容(視頻、音頻、字幕等)盛放在同一個容器里,也就是所謂的封裝,使得不同多媒體內容可同步播放,與此同時還提供了索引;
最后就是通過流傳輸協議將封裝好的內容推送到流媒體服務器上;

第二部分就是流媒體服務器:負責把從第一部分接收到的流進行處理并分發給用戶。

流媒體服務器的主要功能是對流媒體內容進行采集(接收推流)、緩存、調度和傳輸播放(以流式協議實現用戶分發)。

典型的流媒體服務器:

微軟的Windows Media Service(WMS):它采用MMS協議接收、傳輸視頻,采用Windows Media Player(WMP)作為前端播放器;
RealNetworks公司的Helix Server:采用RTSP/RTP協議接收、傳輸視頻,采用Real Player作為播放前端播放器;
Adobe公司的Flash Media Server:采用RTMP(RTMPT/RTMPE/RTMPS)協議接收、傳輸視頻,采用Flash Player作為前端播放器;

第三部分就是用戶:只需要擁有支持對應流媒體傳輸協議的播放器即可。

這一部分其實就是我們前端需要實現的,如何在移動端的內嵌h5頁面中實現直播流的播放。所以我們只需要關注后端是通過什么協議給我們返回直播流以及我們如何有效的播放就可以了~

客戶端直播插件

我的困惑: 除了采用h5原生的<video></<video>標簽,我們還能用什么插件實現視頻直播,不同插件之間有什么區別?

經過我暴風式搜索后找到三款常用并且支持實時流媒體播放的客戶端插件(hls.js、video.js、vue-video-player),下面我們一個個道來。

hls.js

hls.js是一個可以實現HTTP實時流媒體客戶端的js庫,主要依賴于<video></<video>標簽和Media Source ExtensionsAPI。它的工作原理是將MPEG2傳輸流和AAC/MP3流轉換成ISO BMFF (MP4)片段。由于hls.js是基于標準的<video></<video>標簽實現播放,所以它不需要額外的播放器。

優點: 包比較小,很純凈,UI可以根據自己的業務自行擴展,功能可以根據需求進行封裝,比較靈活,而且專業直播HLS協議流。
缺點: 對于常規的通用性播放器沒有封裝好的UI,功能上也需要自己調API實現,協議單一,只支持HLS。

video.js

video.js是一個基于h5的網絡視頻播放器,支持h5視頻、現代流媒體格式(MP4、WebM、HLS、DASH等)以及YouTube、Vimeo,甚至連flash也支持(通過插件實現,后面會詳細說明),可在桌面端或移動端實現視頻播放。

優點: 支持多種格式的流媒體播放,瀏覽器不支持時可實現優雅降級;專門有一套針對直播流的UI;插件機制強大,目前社區已有數百個皮膚和插件供下載;兼容性好,幾乎支持所有桌面及移動端的瀏覽器。
缺點: 包比較大,實現hls直播的時候其實是內嵌了hls.js的代碼,由于封裝好UI和功能,使其不夠靈活,修改UI時需要通過插件實現。

vue-video-player

vue-video-player其實就是將video.js集成到了Vue中,在Vue項目中使用起來會更方便。

移動端內嵌h5實現視頻直播

1、技術選型:

傳輸協議——由于后端支持同時返回HLS協議和RTMP協議的直播流,結合考慮HLS協議的高延時問題和RTMP協議的兼容性問題,本項目決定采用向下兼容的方式實現,默認使用RTMP協議直播,當瀏覽器不支持時降級使用HLS協議播放。
直播插件——本項目基于Vue實現,并且業務邏輯為常規直播操作,無特殊需求,從開發效率、穩定性及兼容性出發,決定采用vue-video-player插件實現。

2、vue-video-player安裝與引入:

CDN:

<link rel="stylesheet" href="path/to/video.js/dist/video-js.css"/>
<script type="text/javascript" src="path/to/video.min.js"></script>
<script type="text/javascript" src="path/to/vue.min.js"></script>
<script type="text/javascript" src="path/to/dist/vue-video-player.js"></script>
<script type="text/javascript">
  Vue.use(window.VueVideoPlayer)
</script>

NPM(支持全局/按需引入):npm install vue-video-player --save

全局引入

import Vue from 'vue'
import VueVideoPlayer from 'vue-video-player'

// 引入videojs樣式
import 'video.js/dist/video-js.css'
// 自定義樣式引入,并為<video-player>添加對應類名即可,例如vjs-custom-skin
// import 'vue-video-player/src/custom-theme.css'

Vue.use(VueVideoPlayer, /* {
  options: 全局默認配置,
  events: 全局videojs事件
} */)

按需引入

// 引入videojs樣式
import 'video.js/dist/video-js.css'

import { videoPlayer } from 'vue-video-player'

export default {
  components: {
    videoPlayer
  }
}

3、video.js插件擴展: 當已有插件(video.js插件集合:https://videojs.com/plugins/)無法滿足需求時可對已有插件進行擴展或自行開發video.js插件

import videojs from 'video.js'

// videojs plugin
const Plugin = videojs.getPlugin('plugin')
class ExamplePlugin extends Plugin {
  // something...
}
videojs.registerPlugin('examplePlugin', ExamplePlugin)

// videojs language
videojs.addLanguage('es', {
  Pause: 'Pausa',
  // something...
})

// more videojs api...

// vue component...

具體實現方式可參見:https://github.com/videojs/video.js/blob/master/docs/guides/plugins.md

4、視頻直播關鍵代碼:
options:video.js options
playsinline:設置播放器在移動設備上不全屏[ Boolean, default: false ]
customEventName:自定義狀態變更時的事件名[ String, default: 'statechanged' ]

<template>
  <video-player
        class="video-player-box"
        ref="videoPlayer"
        :options="playerOptions"
        :playsinline="true"
        customEventName="customstatechangedeventname"
        @play="onPlayerPlay($event)"
        @pause="onPlayerPause($event)"
        @ended="onPlayerEnded($event)"
        @waiting="onPlayerWaiting($event)"
        @playing="onPlayerPlaying($event)"
        @loadeddata="onPlayerLoadeddata($event)"
        @timeupdate="onPlayerTimeupdate($event)"
        @canplay="onPlayerCanplay($event)"
        @canplaythrough="onPlayerCanplaythrough($event)"
        @statechanged="playerStateChanged($event)"
        @ready="playerReadied">
  </video-player>
</template>
export default {
    data() {
      return {
        playerOptions: {
          // 是否關閉音頻
          muted: true,
          // 初始語言,默認為英語,code參見:https://www.iana.org/assignments/language-subtag-registry/language-subtag-registry
          language: 'zh-CN',
          // 播放速度,指定后Video.js將顯示一個控件(vjs-playback-rate類的控件),允許用戶從選項數組中選擇播放速度
          playbackRates: [0.5, 1.0, 1.5, 2.0],
          // 將播放器置于流暢模式,并在計算播放器的動態大小時使用該值,表示長寬比例
          aspectRatio: '4:3',
          // 等同于原生<video>標簽中的一組<source>子標簽,可實現優雅降級;type 屬性規定媒體資源的 MIME 類型,標準類型可參見:https://www.iana.org/assignments/media-types/media-types.xhtml;
          sources: [{
            type: "rtmp/flv",
            src: "rtmp://58.200.131.2:1935/livetv/hunantv"
          }, {
            type: "application/x-mpegURL",
            src: "http://ivi.bupt.edu.cn/hls/cctv1hd.m3u8"
          }],
          // 兼容順序,默認值是['html5'],這意味著html5技術是首選,其他已注冊的技術將按其注冊的順序在該技術之后添加。
          techOrder: ['flash'],
          // 在視頻開始播放之前顯示的圖像的URL(封面),這通常是一個視頻幀或自定義標題屏幕,一旦用戶點擊“播放”,圖像就會消失。
          poster: require('../assets/test.jpg'),
        }
      }
    },
    mounted() {
      console.log('this is current player instance object', this.player)
    },
    computed: {
      player() {
        return this.$refs.videoPlayer.player
      }
    },
    methods: {
      // 各個事件監聽
      onPlayerPlay(player) {
        // console.log('播放器播放!', player)
      },
      onPlayerPause(player) {
        // console.log('播放器暫停!', player)
      },
      // ...(此處省略多個事件監聽函數)

      // 狀態監聽
      playerStateChanged(playerCurrentState) {
        // console.log('播放器當前狀態更新', playerCurrentState)
      },

      // 監聽播放器是否就緒
      playerReadied(player) {
        console.log('播放器已就緒', player)
        // 就緒后就可以調用播放器的一些方法
      }
    }
 }

踩坑小tips:
播放 HLS 協議流,需要videojs-contrib-hls插件,但是直接引用即可,因為在安裝vue-video-player插件時,videojs-contrib-hls是一并安裝的;如果需要播放RTMP協議流,需要videojs-flash插件,也是直接引用就可以了(flash插件需要在hls之前引用)

import 'videojs-flash'
import 'videojs-contrib-hls'

5、效果展示:

封面

rtmp

hls

總結

本文首先闡述了流媒體流媒體傳輸方式流媒體傳輸協議以及RTSP協議的概念;接著基于項目直播需求引出三種常用直播流協議RTMPHLSHTTP-FLV,并對三種協議進行了對比分析,為后續技術選型提供參考;然后根據通用直播原理描述了整個直播流數據傳輸的過程,從采集處理編碼封裝推流分發播放,表明前端的重點工作在最后一步即流媒體播放;隨后對常用的三款客戶端直播插件hls.jsvideo.jsvue-video-player進行說明,并分析了各自的優缺點;最后詳細總結了移動端內嵌h5實現視頻直播的編碼過程,包括技術選型插件的安裝與引入插件擴展視頻直播關鍵代碼及最終的效果展示
本項目中視頻直播方式的實現大大提高了前端的開發效率,并且保證了桌面端與移動端的兼容性,同時增強了用戶體驗,比傳統只使用一種協議的播放源更靈活,為通用直播需求提供解決方案。

參考資料

1、直播流播放協議:https://help.aliyun.com/knowledge_detail/49785.html
2、流媒體服務器:https://baike.baidu.com/item/%E6%B5%81%E5%AA%92%E4%BD%93%E6%9C%8D%E5%8A%A1%E5%99%A8/9711212?fr=aladdin
3、hls.js:https://github.com/video-dev/hls.js
4、video.js: https://github.com/videojs/video.js
5、vue-video-player:https://github.com/surmon-china/vue-video-player

總結

以上是生活随笔為你收集整理的前端视频直播技术总结及video.js在h5页面中的应用的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。

久久精品国产一区二区 | 麻花豆传媒mv在线观看 | 麻豆免费看片 | 最新真实国产在线视频 | 久久调教视频 | 韩国av一区| 国产免费xvideos视频入口 | 国产一级不卡毛片 | 天天摸天天弄 | 91香蕉视频污在线 | av三级在线看 | 久久精品爱爱视频 | 亚洲在线成人精品 | 在线看日韩av | 国产精品久久久久久69 | 国产成人a亚洲精品v | 欧美做受高潮1 | 亚洲狠狠丁香婷婷综合久久久 | 成人免费视频播放 | 久久综合国产伦精品免费 | 午夜久久久精品 | 中文字幕精品三区 | 色狠狠综合 | 日韩成人免费在线观看 | 日韩综合一区二区 | 天天做天天爱夜夜爽 | 欧美日本不卡高清 | 欧美中文字幕久久 | 999成人免费视频 | 成人9ⅰ免费影视网站 | 亚洲春色综合另类校园电影 | 久久婷婷一区 | av在线播放不卡 | 手机av网站| 免费三级av| 国产私拍在线 | av久久久 | 久久精品国产精品亚洲 | 在线观看视频一区二区三区 | 成人四虎影院 | 亚洲成人av一区二区 | 国产精品麻豆一区二区三区 | 婷婷国产在线 | 91久久国产露脸精品国产闺蜜 | 天天做天天爱天天爽综合网 | 国产精品精品久久久久久 | 久久乱码卡一卡2卡三卡四 五月婷婷久 | 久久精品视频网 | www.黄色| 亚洲综合色视频在线观看 | 九九九免费视频 | 欧美日韩视频一区二区 | 爱干视频 | 五月精品 | 香蕉在线播放 | 色妞久久福利网 | 久草av在线播放 | 狠狠干网站 | 一区二三国产 | 国产日韩精品在线 | 国产一区视频在线播放 | 中文字幕在线播出 | 亚洲成人午夜在线 | 久久激情小说 | www.久久色| 欧美日韩一区三区 | 免费国产一区二区 | 久久久久亚洲精品男人的天堂 | 国产精彩在线视频 | 国产一级特黄电影 | 免费a级大片 | 狠狠色噜噜狠狠 | 色婷婷六月 | 99视频在线精品免费观看2 | 免费看的黄色小视频 | 婷婷久月 | 精品在线99| 成人国产电影在线观看 | 99精品久久精品一区二区 | 日本精品一 | 色婷婷国产精品一区在线观看 | 国产成人777777| 国产一区二区高清不卡 | 五月婷婷在线综合 | 日韩免费在线视频 | 免费高清在线观看成人 | 中文在线资源 | 日韩一级电影在线观看 | av播放在线 | 国产黄色免费观看 | 91精品国产一区二区在线观看 | 久久乱码卡一卡2卡三卡四 五月婷婷久 | 国产女人免费看a级丨片 | 天天操天天爱天天干 | 亚洲欧美日韩一区二区三区在线观看 | 欧美一级片在线播放 | 三级av在线播放 | 一区二区精 | 又黄又爽又无遮挡的视频 | 久草精品视频在线看网站免费 | 欧美成人黄色片 | 96av麻豆蜜桃一区二区 | 日韩女同av| 欧美尹人 | 久久久av免费 | 丁香婷婷激情 | 久久艹免费 | 久草久视频 | 色噜噜日韩精品一区二区三区视频 | 中文字幕在线观看视频一区 | 日韩女同一区二区三区在线观看 | 色姑娘综合网 | 免费a视频在线观看 | 99精品免费久久久久久久久日本 | 亚洲综合在线五月天 | 亚洲国产经典视频 | 国产精品自拍av | 最近中文字幕免费视频 | 日韩二区三区在线 | 亚洲午夜激情网 | 久精品在线观看 | 国产高清一区二区 | 日韩一区二区三区高清免费看看 | 中文字幕在线视频第一页 | 在线精品亚洲一区二区 | 国产不卡一二三区 | 揉bbb玩bbb少妇bbb | 四虎国产精 | 久久大视频 | 久久精品男人的天堂 | 激情片av | 久久影院亚洲 | 天天操天天干天天干 | 麻豆系列在线观看 | 黄色一级动作片 | 色综合天天综合在线视频 | 久久免费看视频 | 欧洲精品久久久久毛片完整版 | 91成年人视频 | 在线a人v观看视频 | 精品视频国产一区 | 国产成人精品一区二区三区福利 | 久久91久久久久麻豆精品 | 亚洲成熟女人毛片在线 | 日韩在线视频看看 | 91视频a| 中文字幕日韩无 | a√天堂中文在线 | 成人av亚洲 | 狠狠色噜噜狠狠狠合久 | 天堂va在线高清一区 | 日韩一区二区三免费高清在线观看 | 国产尤物在线观看 | 1区2区视频 | 久久精品电影网 | 中文字幕在线观看免费高清完整版 | 免费观看福利视频 | 五月天国产精品 | 在线观看黄色大片 | 在线看成人 | 中文字幕在线电影 | 久久婷婷精品 | 99精品久久久久久久 | 婷婷丁香在线 | 在线观看国产中文字幕 | 亚洲视频高清 | 日韩在线观看三区 | 欧美日韩精品在线一区二区 | japanesefreesexvideo高潮 | 国产视频一区二区在线 | 99热最新网址 | 国产精品久久久久久久久大全 | 91视频中文字幕 | 一区二区中文字幕在线观看 | 精品国产精品国产偷麻豆 | 欧美日韩国产免费视频 | 丁香花在线观看免费完整版视频 | 亚洲精品视频久久 | 99久久99| 丝袜少妇在线 | 亚洲国产中文字幕在线观看 | 网址你懂的在线观看 | 黄色片免费看 | 久久久激情网 | 成人精品亚洲 | 久久久久亚洲a | 国产一级久久 | 视频国产在线 | 日韩a级免费视频 | 欧美精品少妇xxxxx喷水 | 成人h电影在线观看 | 在线播放亚洲激情 | av免费电影在线 | 亚洲欧美一区二区三区孕妇写真 | 久久精品国产美女 | 女人18片毛片90分钟 | 久久三级毛片 | 欧美精品亚洲精品日韩精品 | 成人综合免费 | 成人午夜精品福利免费 | 国产精品午夜在线观看 | 色综合久久久网 | 久久影院亚洲 | 色黄www小说 | www.国产毛片| 久久久久国产精品厨房 | 九七在线视频 | 久久大视频 | 欧美国产亚洲精品久久久8v | 日本激情视频中文字幕 | 在线观看视频免费大全 | 激情黄色av | 久久久精品欧美一区二区免费 | 97人人澡人人添人人爽超碰 | 人人澡人人添人人爽一区二区 | 中文字幕.av.在线 | 在线a视频免费观看 | 亚洲美女精品视频 | 久久综合久久综合久久综合 | av电影中文字幕 | 手机成人在线电影 | 日韩v在线91成人自拍 | 欧美激情视频一区二区三区免费 | 夜夜夜影院 | 在线视频你懂得 | 国产免费观看视频 | 久久久久久久18 | 亚洲国产中文在线观看 | 国产九色视频在线观看 | 一级a性色生活片久久毛片波多野 | 天无日天天操天天干 | 国产亚洲欧洲 | 在线成人中文字幕 | 成人av在线一区二区 | 久久大香线蕉app | 亚洲乱码在线 | 国产三级午夜理伦三级 | 免费在线观看一级片 | 深夜福利视频一区二区 | 欧美激情视频在线观看免费 | 久久综合五月婷婷 | 亚洲无在线 | 免费看三级黄色片 | 日日夜夜网 | 欧美精品一区二区三区四区在线 | 欧美激情va永久在线播放 | 天天操天| 91免费试看 | 中文字幕在线播放视频 | 色成人亚洲网 | 亚洲开心激情 | 国产在线精 | 五月婷婷av在线 | 久久久久久久久免费视频 | 黄色软件在线观看 | 亚洲 欧洲 国产 精品 | 免费69视频 | 日韩久久久久久 | 中文字幕在线观看网 | 国产精品自拍av | 成人欧美亚洲 | 天天插视频 | 高清免费av在线 | 黄色片网站 | 天天操操操操操 | 国产一级不卡视频 | 国产69精品久久久久久久久久 | 最新色站 | 亚洲永久国产精品 | 亚洲午夜久久久久久久久 | 亚洲欧美综合精品久久成人 | 玖玖爱免费视频 | 免费a一级| 黄色一级片视频 | 日韩亚洲国产中文字幕 | 久草在线在线视频 | 国产精品免费av | 日日综合网 | 久久99精品一区二区三区三区 | 色婷婷在线播放 | 中文字幕在线观看网址 | 99亚洲视频 | 国产高清视频在线播放 | 97国产大学生情侣酒店的特点 | 在线观看国产麻豆 | 91日韩在线专区 | a亚洲视频 | 久久精品99久久 | 狠狠躁日日躁夜夜躁av | 欧美日韩在线观看视频 | 麻花天美星空视频 | 国产精品porn | 久久久久久毛片精品免费不卡 | 久久久久久久久福利 | 中文字幕国语官网在线视频 | 日韩精品不卡在线观看 | 免费h视频| 美女在线免费观看视频 | 久久久久久久免费观看 | 国产a级免费 | 久久久久国产成人免费精品免费 | 国产精品乱码久久久 | 中文视频在线看 | www.色午夜| 97在线视频免费看 | 91九色成人蝌蚪首页 | 夜夜操狠狠操 | 国产一区二区三区在线 | 国产精品精品久久久 | 91麻豆精品国产91 | 国产视频精品在线 | 亚洲国产精品99久久久久久久久 | 国产精品永久在线 | 狠狠色噜噜狠狠狠狠 | 欧日韩在线视频 | 久久精品网址 | 超碰人人射| 97超级碰 | 天天舔夜夜操 | 国产成人在线播放 | 最新日本中文字幕 | 久久久久久久亚洲精品 | 最近中文字幕免费视频 | 探花在线观看 | 国产视频二区三区 | 在线观看黄网 | 国产在线污 | 久久精品久久精品 | 免费日韩av片| 午夜av一区 | 中文字幕日韩精品有码视频 | 在线观看中文字幕2021 | av天天澡天天爽天天av | 中文字幕一区二区三区四区在线视频 | 日本精品视频在线观看 | 欧日韩在线视频 | 国产理论一区二区三区 | 伊人小视频 | 奇米影视777影音先锋 | 日韩在线观看三区 | 午夜久久久影院 | 成年人免费在线观看网站 | 久久综合九色99 | 美女久久久久 | 久久久高清视频 | 久久噜噜少妇网站 | 日韩小视频 | 国产精品夜夜夜一区二区三区尤 | 国产福利网站 | 国产精品日韩在线观看 | 国产一区二区在线播放视频 | 日韩欧美xxx | 日韩免费视频播放 | 免费观看一级 | 四虎8848免费高清在线观看 | 国产一区二区三区高清播放 | 99精品国产99久久久久久97 | 免费观看www7722午夜电影 | 999视频精品| 国产一二区精品 | 婷婷在线播放 | 欧美一区二区在线刺激视频 | 九九免费在线观看 | 日韩欧美久久 | 天天操 夜夜操 | 免费色网站 | 97精品一区二区三区 | 亚洲乱亚洲乱妇 | 在线观看亚洲a | 伊人色综合网 | 久久国产精品一区二区三区四区 | a极黄色片 | 精品国产91亚洲一区二区三区www | 久久美女高清视频 | 国产第一页在线播放 | 欧美91精品国产自产 | 久久www免费视频 | 国产精品99久久久久久有的能看 | 激情视频免费观看 | 成片免费观看视频 | 狠狠狠色丁香综合久久天下网 | a天堂一码二码专区 | 国产电影一区二区三区四区 | 亚洲人毛片 | 色99导航 | 美女视频永久黄网站免费观看国产 | 中文字幕一区三区 | 99 久久久久| 美女免费视频黄 | 中文字幕免费看 | 激情五月伊人 | 国产无遮挡又黄又爽馒头漫画 | 中文字幕丰满人伦在线 | 日本精品视频网站 | 免费看的视频 | 亚洲欧美在线视频免费 | 正在播放国产91 | 欧美在线18 | 日韩在线免费不卡 | 91高清在线看 | 激情 一区二区 | 天天操夜夜拍 | 国产精品videossex国产高清 | 国产香蕉久久 | 日本久久综合网 | 91精品国产一区二区在线观看 | 久草久热 | 99视频精品 | 国产一级片免费视频 | 国产亚洲亚洲 | 中文乱码视频在线观看 | 91精品少妇偷拍99 | 国产精品久久久久久久久久白浆 | 97精品国产手机 | 久草亚洲视频 | 成人精品视频 | 丁香婷婷激情五月 | 色婷婷久久一区二区 | 成人av动漫在线 | 天天激情在线 | 久久精品人 | 91黄色影视| 一区在线播放 | 日精品| 日韩电影在线观看一区二区三区 | 99视频+国产日韩欧美 | 欧美日韩精品网站 | 毛片美女网站 | 亚洲黄色免费网站 | 国产麻豆成人传媒免费观看 | 国产亚洲精品久久久久久移动网络 | 亚洲激情久久 | 日韩视频三区 | 一级特黄aaa大片在线观看 | 女人18精品一区二区三区 | 在线视频日韩 | 国产直播av | 国产精品av久久久久久无 | 国产精品com | 狠狠操狠狠 | 麻豆网站免费观看 | 黄色在线视频网址 | 中文字幕高清 | 99人成在线观看视频 | 中文字幕在线观看日本 | 久久成人18免费网站 | 欧美国产亚洲精品久久久8v | 亚洲激情在线视频 | 精品国产免费观看 | 丰满少妇高潮在线观看 | 欧美性高跟鞋xxxxhd | 免费a一级 | 国产精品igao视频网网址 | www色片| 91免费网| 亚洲黄色高清 | 黄色大全免费网站 | 精品国产电影 | 国产精品午夜av | 国产精品乱码一区二三区 | 亚洲免费在线看 | 日韩中文免费视频 | 久草精品视频 | 国产麻豆精品久久 | 国产精品一区二区久久精品爱微奶 | 超碰电影在线观看 | 日韩精品无码一区二区三区 | 中文有码在线 | 日韩一级片观看 | 久久电影国产免费久久电影 | 日日夜夜精品视频 | 91在线视频观看免费 | 国产精品麻豆91 | 一区二区三区韩国免费中文网站 | 国产亚洲欧美在线视频 | 日本婷婷色 | avav片| 久久久免费播放 | 操一草| 99热只有精品在线观看 | 伊人天天综合 | 热久久精品在线 | 亚洲国产成人精品电影在线观看 | 亚洲精品在线国产 | 免费a网 | 又紧又大又爽精品一区二区 | 国产精品美女久久久久久2018 | 午夜资源站 | 婷婷成人综合 | 中文字幕丝袜一区二区 | 久久情爱| 一个色综合网站 | 成人免费观看网站 | 久久久精品小视频 | 中文字幕日韩国产 | 探花视频在线观看+在线播放 | 丝袜美腿亚洲综合 | 久久线视频 | 久久亚洲福利 | 97在线免费视频 | 麻豆一级视频 | 超碰电影在线观看 | 亚洲va欧美va人人爽春色影视 | 欧美精品免费一区二区 | 黄色天堂在线观看 | 国产精品久久久久久久久久久久久 | 久久99亚洲精品久久久久 | 国产伦理一区二区 | 免费高清在线一区 | 麻豆手机在线 | 久久精品爱爱视频 | 在线国产黄色 | www.狠狠色.com| 久久精品影视 | 欧美乱熟臀69xxxxxx | 日韩va在线观看 | 亚洲精品国产成人av在线 | 日韩免费在线视频观看 | 中文字幕乱在线伦视频中文字幕乱码在线 | 激情视频免费在线观看 | 欧美性护士 | 午夜的福利 | 精品久久久久久久久久久久久久久久久久 | 国产精品亚洲片夜色在线 | sesese图片 | 欧美日韩中 | 中文字幕第一页在线播放 | 久久久久福利视频 | 欧美一级性生活片 | 久久久穴 | 久久久久成人精品亚洲国产 | 成人午夜电影网站 | 国内精品免费 | 在线日本看片免费人成视久网 | 久久久影院一区二区三区 | 五月婷婷欧美 | 日韩无在线 | 日韩在线高清免费视频 | 成人免费视频网址 | 四虎国产精品免费 | 日韩国产精品一区 | 欧美 日韩 国产 成人 在线 | 在线免费观看国产黄色 | 精品国产乱子伦一区二区 | 手机在线中文字幕 | 天天做天天爱天天爽综合网 | 狠狠色丁香婷婷综合最新地址 | 久久精品首页 | 欧美孕交vivoestv另类 | 国产精品一区二区三区在线播放 | 激情五月激情综合网 | 国产小视频免费在线观看 | 久久久久久97三级 | 青春草国产视频 | 国产一区二区久久久 | 黄色国产精品 | 国产精品视频在线看 | 亚洲欧美日本一区二区三区 | 国产手机免费视频 | 人人玩人人弄 | 欧美男男激情videos | 人人狠狠综合久久亚洲 | 亚洲在线黄色 | 中文字幕亚洲情99在线 | 久久久亚洲国产精品麻豆综合天堂 | 精品乱码一区二区三四区 | 日韩三级不卡 | 亚洲一级电影视频 | 丁香五月网久久综合 | 国产一区在线免费观看 | 少妇自拍av | 国产xxxxx在线观看 | 91成人精品国产刺激国语对白 | 国产精品久久久久久69 | 亚洲欧美视频在线播放 | www.狠狠色 | 超碰97久久 | 中国一区二区视频 | 激情久久一区二区三区 | 色视频网站在线观看一=区 a视频免费在线观看 | 最近中文字幕 | 丁香五月亚洲综合在线 | 国内精品毛片 | 亚洲精品国产精品国产 | 97视频在线观看免费 | 国产精品日韩久久久久 | 一区二区三区日韩精品 | 国产无区一区二区三麻豆 | av在线免费观看黄 | 国产精品电影一区 | 97人人模人人爽人人少妇 | 碰超在线观看 | 亚洲精品18p | 黄色小视频在线观看免费 | 欧美在线日韩在线 | 国产91免费在线观看 | 欧美日韩在线看 | av电影免费观看 | 日韩精品欧美专区 | 激情网综合 | 国产在线小视频 | 免费一级黄色 | 亚洲免费一级电影 | 狠狠狠狠狠狠狠狠 | 日韩精品视频久久 | 中文字幕在线看 | www视频免费在线观看 | 中文字幕999 | 欧美日韩电影在线播放 | 992tv人人网tv亚洲精品 | 久久久久久久看片 | 操操综合网| 久久午夜羞羞影院 | 91精彩在线视频 | 午夜视频免费播放 | 久草免费新视频 | 99综合电影在线视频 | 国产一二区在线观看 | 日韩欧美视频免费观看 | 久久久久久久久久影院 | 色婷婷激情电影 | 五月天中文字幕mv在线 | 久久成电影 | 久久免费视频国产 | 久久夜视频| 麻豆极品 | 日韩欧美视频一区 | 天天操天天操天天操天天操天天操天天操 | a级片在线播放 | 在线国产高清 | 成人免费网视频 | 欧美日bb | 亚洲自拍偷拍色图 | av久久在线| 国产一区二区在线视频观看 | 亚洲伊人成综合网 | 精品久久久精品 | 久久久国产精品成人免费 | 精品国产电影一区 | 久久天 | 美女网站色在线观看 | 国产五十路毛片 | 中文字幕一区在线观看视频 | 在线久热 | 久草在线免费播放 | 手机在线观看国产精品 | 成人三级黄色 | 2021国产在线| 在线播放亚洲 | 日韩av区| 国产污视频在线观看 | 亚洲第一av在线 | 色夜影院 | 亚洲精品久久久久www | 五月天婷婷在线播放 | 久保带人 | av天天在线观看 | 国产成人精品一区一区一区 | 深爱婷婷| 天天躁日日躁狠狠躁 | 亚洲午夜久久久久久久久 | 成人在线视 | 亚洲精品国产综合99久久夜夜嗨 | 伊人永久 | 国产va在线 | 亚洲精品毛片一级91精品 | 91丝袜美腿| 欧美日韩国产在线观看 | 亚洲男人天堂a | 狠狠的操你 | 91av在| 国产精品久久久久久久久婷婷 | 国产精品久久久久久久久久免费 | 亚洲午夜精品电影 | 中文在线免费观看 | 日韩免费在线 | 成人三级网站在线观看 | 欧美激情操 | 久久久激情网 | 天天干天天拍天天操天天拍 | 97国产一区二区 | 亚洲精品免费在线观看视频 | 免费黄色a级毛片 | 日韩在线高清免费视频 | 麻豆视频在线观看免费 | 久久久久久久久久久网站 | 特黄免费av| 亚洲第二色 | 99久久99精品| 97国产精品一区二区 | 欧美一区二区精品在线 | 国产日产精品一区二区三区四区的观看方式 | 婷婷国产v亚洲v欧美久久 | 91av在线看 | 99久久99久国产黄毛片 | 综合色站导航 | 久久久久伦理电影 | 日韩大片在线免费观看 | 性色视频在线 | 欧美黄色特级片 | 亚洲成av人片在线观看香蕉 | 久久电影网站中文字幕 | 亚洲精品高清一区二区三区四区 | 亚洲另类视频在线 | 97视频在线观看成人 | 亚洲福利精品 | 97免费公开视频 | 午夜精品久久久久久久久久久久久久 | 在线国产高清 | av在线超碰 | 国产一区av在线 | 国产高清综合 | 中文字幕一区二区三区乱码在线 | 97超碰在线资源 | 九九免费在线观看视频 | 18岁免费看片 | 亚洲一级片av | 欧美日韩在线播放 | 国产日韩精品在线观看 | 一二三区在线 | 国产精品自产拍 | 四虎永久免费在线观看 | 国产黄色精品在线 | 视频在线一区二区三区 | 亚洲精区二区三区四区麻豆 | 91九色成人 | 不卡中文字幕av | 国产精品久久久久久久久久ktv | 日韩在线观看网站 | 日韩精品一区二区三区高清免费 | 久久美女视频 | 欧美在线视频免费 | 911国产| 久久久久久97三级 | 西西444www高清大胆 | 激情五月在线 | 91成人黄色| 日韩三级在线 | 丁香久久 | 日操操 | 国产黄在线观看 | 手机av在线免费观看 | 国产黄色片久久 | 成人三级网站在线观看 | 久久久久久久久免费 | 国产精在线 | 不卡的av电影在线观看 | 亚洲日日夜夜 | 亚洲精品白浆高清久久久久久 | 九九视频一区 | 日韩av网站在线播放 | 免费看三级黄色片 | 成人免费视频播放 | 日韩一区二区免费在线观看 | 在线免费视频你懂的 | 久久午夜羞羞影院 | 久久这里有精品 | 五月婷婷六月丁香在线观看 | 六月丁香综合网 | 在线观看视频色 | 99热这里只有精品在线观看 | 五月激情站 | 91新人在线观看 | 亚洲精品久久久久999中文字幕 | 国产丝袜网站 | 久久经典视频 | www好男人 | 国内精品视频一区二区三区八戒 | www天天干| 在线视频一区观看 | 久久久国产一区二区三区四区小说 | 日韩高清激情 | 狠狠地操 | 久久精品免费观看 | 国产系列在线观看 | 色在线高清 | 久久er99热精品一区二区 | 日韩精品免费专区 | 在线观看视频国产一区 | 国产91精品一区二区绿帽 | 日韩.com | 亚洲va综合va国产va中文 | 日日碰夜夜爽 | 日韩精品欧美专区 | 天天艹日日干 | 中文字幕婷婷 | 亚洲精品mv在线观看 | 麻花豆传媒一二三产区 | 午夜成人免费影院 | 九九免费在线看完整版 | 中文字幕在线观看不卡 | 不卡电影免费在线播放一区 | 91av视频在线免费观看 | 久久96| 伊人五月天.com | 美女视频黄免费网站 | 91精品国产综合久久婷婷香蕉 | 国产97免费 | 色偷偷av男人天堂 | 国产成人免费观看 | 日韩影片在线观看 | 免费99精品国产自在在线 | 99精品欧美一区二区蜜桃免费 | 国产黄在线免费观看 | 国产中文欧美日韩在线 | 国产成人精品亚洲精品 | 超碰免费观看 | 中文在线www | 久久电影中文字幕视频 | 久久国产影院 | 亚洲午夜精品久久久 | 91av蜜桃| 超碰97人人射妻 | 九九九九热精品免费视频点播观看 | 人人插人人看 | 日韩高清免费电影 | av免费在线免费观看 | 亚洲综合色播 | 日韩精品一卡 | 欧美另类美少妇69xxxx | 国产精品久久久久久久久久99 | www.人人草| 久久只精品99品免费久23小说 | 亚洲成av人片在线观看无 | 亚洲综合成人av | 99视频久 | 成人资源站 | 色播五月激情五月 | 国产精品久久久久999 | 麻豆久久久 | 免费黄色看片 | 国产精品自产拍在线观看 | 国产精品久久久亚洲 | 成人动图 | 麻豆综合网 | 国产一区欧美在线 | 成年人黄色免费视频 | 久久婷婷综合激情 | 中文字幕文字幕一区二区 | 日韩天堂在线观看 | 五月天天色 | 日韩欧美v | 久久精品99国产国产精 | 日韩色中色 | 欧美另类一二三四区 | 久久免费视频在线观看6 | 久久精品免费观看 | 天天干,夜夜爽 | 99久久精品免费看国产麻豆 | 日韩精品一区二区三区免费观看视频 | 欧美亚洲国产日韩 | 精品国产一区二区三区久久久 | 狠狠干在线| 最近日本中文字幕a | 96视频免费在线观看 | 日本精品一区二区 | 国产97色在线 | 91看片网址 | aaa免费毛片 | 日韩精品短视频 | 久久精品美女 | 亚洲欧美日韩国产一区二区 | 免费观看久久久 | 免费 在线 中文 日本 | av福利在线 | 欧美激情视频在线观看免费 | 日日躁你夜夜躁你av蜜 | 日本精品一区二区 | 成人在线观看资源 | 精品视频一区在线观看 | 麻豆国产精品视频 | 九九九九色 | 六月色婷婷 | 777xxx欧美 | 顶级bbw搡bbbb搡bbbb | 波多野结衣在线播放一区 | 色综合久久88色综合天天免费 | 在线 高清 中文字幕 | 99精品免费 | 中文字幕精品www乱入免费视频 | zzijzzij亚洲成熟少妇 | 亚洲精品www. | 日韩一区二区三区高清在线观看 | 午夜三级影院 | 91亚洲精品乱码久久久久久蜜桃 | 在线视频 你懂得 | 免费观看www小视频的软件 | 亚洲精品欧美专区 | 久草在线资源网 | 日韩视频一区二区在线 | 欧美性生活免费看 | 不卡视频一区二区三区 | 在线观看av免费观看 | 天天插天天爱 | 97av.com| 日本免费一二三区 | 国产精品一区二区久久精品爱涩 | 国产 中文 日韩 欧美 | 高清久久久久久 | 亚洲精品乱码久久久一二三 | 激情综合一区 | 国产精品成人aaaaa网站 | 五月天久久综合网 | 欧美日韩一级在线 | 少妇精品久久久一区二区免费 | 久热香蕉视频 | 六月丁香在线视频 | 欧美在线久久 | 精品久久久久一区二区国产 | 国产精品一区欧美 | 91日韩在线专区 | 欧美性生活免费 | 国产一区自拍视频 | 天天干一干 | 亚洲波多野结衣 | 黄色片免费电影 | 国产拍在线 | 亚洲成人资源 | 激情影音| 热久久免费视频 | 最近日本中文字幕 | 日本中文字幕在线播放 | 免费黄在线看 | 色综合久久综合 | 欧美aaa一级 | 在线黄色毛片 | 久久久久99精品成人片三人毛片 | 成人黄色片免费 | 日本性xxxxx 亚洲精品午夜久久久 | 日韩欧美精品免费 | 99这里都是精品 | 久久久久久久久久久久久久免费看 | 成年人在线 | 91精品国产入口 | 欧美精品做受xxx性少妇 | 超碰97在线资源 | 国产精品一区二区av | 97日日| 久久久久激情视频 | 91免费视频网站在线观看 | 欧美aaaxxxx做受视频 | 黄色特级片 | 天天操天天爱天天爽 | 精品久久久久久综合 | 91视频亚洲| 91av视频在线免费观看 | 国产精品婷婷 | 国产日韩欧美视频在线观看 | 亚洲我射av | 九九视频这里只有精品 | 色视频 在线 | 黄色www | 91精品国产99久久久久 | 国产中文字幕视频在线观看 | 天天天天干| 成人久久久久久久久久 | 日日干激情五月 | av免费看在线| www.色综合.com | 天天人人综合 | 可以免费观看的av片 | 91麻豆精品国产91久久久使用方法 | 国产成人精品一二三区 | 亚洲免费在线观看视频 | 国产日女人 | 制服丝袜亚洲 | 97**国产露脸精品国产 | 韩国一区视频 | 久久免费视频这里只有精品 | 亚洲精品成人av在线 | 日韩 在线观看 | 亚洲精品成人在线 | 日韩网站在线 | 国产999在线 | 亚洲婷婷网 | 国产伦理一区 | 久久久网站 | 91成人看片| 婷婷草 | 日日夜夜天天干 | av在线之家电影网站 | 在线 国产 亚洲 欧美 | 99色免费视频 | 4438全国亚洲精品在线观看视频 | 在线免费观看国产 | 国产精品久久久久久久久久久久久久 | 狠狠色丁香婷婷综合久小说久 | 久久国产精品视频免费看 | 99视频精品全国免费 | 99精品黄色| 在线视频在线观看 | 91麻豆精品国产91久久久久久久久 | 亚洲成人精品国产 | 欧美不卡视频在线 | 96久久 | 久久久在线 | 五月婷婷在线观看视频 | 天天夜操 |