当前位置: 首页 > news >正文

网站关键词提取工具广州推广seo

网站关键词提取工具,广州推广seo,广州市网站建设需要审批,做内网网站初识flv.js flv.js 做了三件事: HTML5 原生仅支持播放 mp4/webm 格式,flv.js 实现了在 HTML5 上播放 FLV 格式视频使 Bilibili 网页端平滑过度到 HTML5 播放器,历史遗留不再是障碍对于视频直播,在 HTML5 上支持了延迟极低 HTTP …

初识flv.js

flv.js 做了三件事:

  1. HTML5 原生仅支持播放 mp4/webm 格式,flv.js 实现了在 HTML5 上播放 FLV 格式视频
  2. 使 Bilibili 网页端平滑过度到 HTML5 播放器,历史遗留不再是障碍
  3. 对于视频直播,在 HTML5 上支持了延迟极低 HTTP FLV 播放,解开网页端直播对 Flash 的依赖

一.前言

在了解flv.js之前,我们先来了解关于视频和音频的一些基本用法。h5中给我们友好的API video、audio。其中,在我们创建这个多媒体节点的时候,我们可以设置它的属性,做出自己想要的控制样式等

1.)创建

<video src="movie.ogg" controls="controls">
您的浏览器不支持 video 标签。
</video>

2.)以下列出原生video常用的一些属性

属性描述
autoplayautoplay如果出现该属性,则视频在就绪后马上播放。
controlscontrols如果出现该属性,则向用户显示控件,比如播放按钮。。
looploop如果出现该属性,则当媒介文件完成播放后再次开始播放。
posterurl规定视频下载时显示的图像,或者在用户点击播放按钮前显示的图像。
srcurl要播放视频的地址

3.)支持全局属性、事件属性

以下列举一些常用的全局属性:

目标
获取视频时长videoDOM.duration
获取当前播放时间videoDOM.currentTime
设置当前播放位置videoDOM.currentTime

以下列举一些常用的事件属性:
在我们不需要controls属性的时候,往往需要手动js去控制它的播放情况,这是就需要用到事件属性

属性描述
onplayscript当媒介已就绪可以开始播放时运行的脚本。
onpausescript当媒介被用户或程序暂停时运行的脚本。
ondurationchangescript当媒介长度改变时运行的脚本。

例(ps:环境vue):

<video :src="url" ref="video"></video>
<button @click="play">播放</button>
let videoDOM = this.$refs.video
console.log(videoDOM.duration) // 获取视频时长
video.currentTime = 0 // 设置当前播放位置
// [play 播放视频]
play () {this.videoDOM.play()
}

简单的说下video,接下来我们将正式介绍flv.js

二.flv.js

什么是flv.js?它是 HTML5 Flash 视频(FLV)播放器,纯原生 JavaScript 开发,没有用到 Flash,由 bilibili 网站开源。
对于flv.js,很多人都说很好,但是我发现很难去查找到相关细致的说明文档。只好看下源码啦

1.)了解flv.js

HTML5 原生仅支持播放 mp4/webm 格式,flv.js 实现了在 HTML5 上播放 FLV 格式视频

2.)操作

flv.js 官网: https://www.bootcdn.cn/flv.js/

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>flv.js教程</title>
</head>
<script src="https://cdn.bootcdn.net/ajax/libs/flv.js/1.5.0/flv.js"></script>
<video id="videoElement"></video>
<script>if (flvjs.isSupported()) {var videoElement = document.getElementById('videoElement');var flvPlayer = flvjs.createPlayer({type: 'flv',url: 'http://fed.dev.hzmantu.com/oa-project/bce0c613e364122715270faef1874251.flv'});flvPlayer.attachMediaElement(videoElement);flvPlayer.load();flvPlayer.play();}
</script>
</html>

在这里插入图片描述

http://www.15wanjia.com/news/18554.html

相关文章:

  • 做什么类型网站可以吸引用户百度一下官方下载安装
  • 网站开发都是使用框架吗百度收录提交入口网址是什么
  • 网站建设 小白海外互联网推广平台
  • 网站主体信息网络营销推广外包平台
  • h5 响应式网站国外加盟网络营销推广公司
  • 电商网站开发资金预算互联网营销公司
  • 长安网站建设优化网站排名软件
  • 简单大气的成品网站百度网址收录入口
  • 如何做百度收录的网站大数据精准获客软件
  • 广东基层团组织建设部网站域名注册服务网站
  • 好动词做的网站能行吗网店网络推广方案
  • 咸阳做网站的公司市场调研方法有哪几种
  • 2021外贸网站有哪些宁波seo行者seo09
  • 前端做网站需要学什么百度网页版主页网址
  • 用英文介绍购物网站网站推广具体内容
  • 深圳网站科技有限公司靠谱吗厦门网站推广费用
  • 企业可以做哪些网站有哪些内容沈阳网站建设公司
  • 四川监理协会建设网站牛推网络
  • 工程公司的会计做账有哪些科目seo关键词优化软件合作
  • 局网站信息内容建设 自查报告百度收录查询
  • 公司网站域名注册费用优化seo软件
  • 幼儿园网站建设合同网站优化排名资源
  • 如何测试网站网易疫情实时最新数据
  • 如何建立自己免费网站安卓优化大师历史版本
  • 做购物网站哪个cms好用简述网站内容如何优化
  • 徐州网站建设哪家好搜索推广平台
  • 江西省住房保障建设厅网站东莞网站自动化推广
  • 企业信用信息查询系统入口seo优化公司哪家好
  • 网站怎样做支付接口市场调研报告1000字
  • 老鹰画室网站哪家做的百度搜索推广方法