【视频直播篇七】Aliplayer的使用

前言

这个视频直播出了一个系列，以下文章是几个播放器的使用教程

【视频直播篇一】入门篇
【视频直播篇二】vue-cli3集成LivePlayer
【视频直播篇三】vue-cli3集成vue-video-player
【视频直播篇四】vue-cli3集成flv.js
【视频直播篇五】vue-cli3集成vue-aliplayer-v2
【视频直播篇六】videojs的使用

正文

可以直接去Aliplayer的官网看在线配置代码
http://player.alicdn.com/aliplayer/setting/setting.html

具体代码如下：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><meta http-equiv="x-ua-compatible" content="IE=edge" ><meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no"/><title>Aliplayer Online Settings</title><link rel="stylesheet" href="https://g.alicdn.com/de/prismplayer/2.9.3/skins/default/aliplayer-min.css" /><script type="text/javascript" charset="utf-8" src="https://g.alicdn.com/de/prismplayer/2.9.3/aliplayer-min.js"></script><style type="text/css">body {margin: 0 !important;padding: 0 !important;}</style></head>
<body>
<div class="prism-player" id="player-con"></div>
<script>var player = new Aliplayer({"id": "player-con","source": "rtmp://58.200.131.2:1935/livetv/hunantv","width": "100%","height": "500px","autoplay": true,"isLive": false,"rePlay": false,"playsinline": true,"preload": true,"controlBarVisibility": "hover","useH5Prism": true}, function (player) {console.log("The player is created");});
</script>
</body>

【视频直播篇七】Aliplayer的使用相关推荐

数据平台初试（产品篇）——短视频直播监测案例分享
申明:文中涉及到的图片以及文字内容均为原创,未经授权,不得使用. 公众号原文链接: 数据平台初试(产品篇)--短视频直播监测案例分享进入2020年,直播带货愈发火热,各大平台争相推出直播业务,本次介 ...
阿里云视频直播 web前端[移动端] Aliplayer的简单案例
阿里云视频直播 web前端[移动端] Aliplayer的简单案例最近做了一个功能就是播放后台提供的各种直播视频,格式在未确定的情况下,刚开始以为简单的一个video标签就能播放视频,后面才发现各种 ...
高级篇之MZB01直播设备广告视频直播方案
高级篇之MZB01直播设备广告视频直播方案背景拓扑结构示意图关闭无关的输入源选择录制的视频文件配置重编码参数配置推流地址开始直播查看状态结束背景大家好! 好久不见,今天给大家带来 ...
视频直播技术详解(8)直播云 SDK 性能测试模型
<视频直播技术详解>系列之八:直播云 SDK 性能测试模型牛小七2016年10月12日发布在视频直播技术详解七牛云于 6 月底发布了一个针对视频直播的实时流网络 LiveNet 和完 ...
视频直播技术详解(7)现代播放器原理
<视频直播技术详解>系列之七:现代播放器原理牛小七2016年9月29日发布在视频直播技术详解 from: http://blog.qiniu.com/archives/7040 七牛云 ...
视频直播技术详解(5)延迟优化
from:http://geek.csdn.net/news/detail/106909 声明:本文为CSDN原创投稿文章,未经许可,禁止任何形式的转载. 作者:七牛云责编:钱曙光,关注架构和算法领 ...
视频直播技术详解（2）采集
原文 http://mp.weixin.qq.com/s?__biz=MjM5NzAwNDI4Mg==&mid=2652191198&idx=1&sn=6d20bc90d19d ...
视频直播技术详解（0）开篇
(原标题:<视频直播技术详解>系列之一:开篇) 文|何李石随着互联网用户消费内容和交互方式的升级,支撑这些内容和交互方式的基础设施也正在悄悄发生变革.手机设备拍摄视频能力和网络的升级催生 ...
视频直播技术详解(3)编码和封装
声明:本文为CSDN原创投稿文章,未经许可,禁止任何形式的转载. 作者:七牛云责编:钱曙光,关注架构和算法领域,寻求报道或者投稿请发邮件qianshg@csdn.net,另有「CSDN 高级架构师群 ...
视频直播技术详解（１）采集
声明:本文为CSDN原创投稿文章,未经许可,禁止任何形式的转载. 作者:七牛云责编:钱曙光,关注架构和算法领域,寻求报道或者投稿请发邮件qianshg@csdn.net,另有「CSDN 高级架构师群 ...

【视频直播篇七】Aliplayer的使用

前言

正文

【视频直播篇七】Aliplayer的使用相关推荐

最新文章

热门文章