首页 > 其他分享 >EasyPlayer.js 很不错的在线直播播放器支持h.265 h.264

EasyPlayer.js 很不错的在线直播播放器支持h.265 h.264

时间:2024-10-17 10:35:42浏览次数:7  
标签:h.265 h.264 false true config playerInfo js EasyPlayer operateBtns

下载地址:https://github.com/EasyDarwin/EasyPlayer.js?tab=readme-ov-file

代码比较简单:

<script src="/scripts/EasyPlayer/EasyPlayer-pro.js"></script>

<div class="demo_play" name="demo_play"></div>

<script>
     var config = {
            //isLive: true,   //是否直播
            stretch: true,  //视频拉伸
            loadingText: '图像加载中',
            hasAudio: true, //是否解析音频
            //poster: '',     //视频封面图片
            //bufferTime: 1,  //加载显设置最小缓冲时长,单位:秒,播放器会自动消除延迟
            debug: false
        }
     var playerInfo = new EasyPlayerPro($('[name="demo_play"]')[0], config);
     playerInfo.play('播放地址');
</script>

屏蔽控制面板:

        playerInfo.config.operateBtns.aiFace = false;
        playerInfo.config.operateBtns.aiObject = false;
        playerInfo.config.operateBtns.audio = true;
        playerInfo.config.operateBtns.fullscreen = true;
        playerInfo.config.operateBtns.performance = false;
        playerInfo.config.operateBtns.play = false;
        playerInfo.config.operateBtns.quality = false;
        playerInfo.config.operateBtns.record = false;
        playerInfo.config.operateBtns.screenshot = false;
        playerInfo.config.operateBtns.stretch = false;
        playerInfo.config.operateBtns.zoom = false;

 

标签:h.265,h.264,false,true,config,playerInfo,js,EasyPlayer,operateBtns
From: https://www.cnblogs.com/OleRookie/p/18471532

相关文章

  • vue中的js:获取小括号中的字符串并且做替换
    1)js正则表达式替换小括号中的斜杠:conststr="这是一个(带有/斜线)的字符串,(还有另一个/斜线)需要替换";letreplacedStr=str.replace(/\(.*?\)/g,function(match){returnmatch.replace(/\//g,'AAA');//替换括号内的斜线});console.log(replacedStr);......
  • 采用黑白仪表盘风格提高清晰度-Stimulsoft Dashboards.JS 2024.4.1
    采用黑白仪表盘风格提高清晰度2024年10月16日StimulsoftDashboards.JS2024.4.1采用了时尚、现代的设计和一致的报告格式,并采用了新的单色预设主题。StimulsoftDashboards.JS是一个JavaScript库,旨在在Web应用程序中构建交互式仪表板。......
  • ERROR require() of ES Module ...\node_modules\string-width\index.js from ...
    nuxt3安装jq的依赖,其实不止jq,只要是安装个新的依赖就报错:ERRORrequire()ofESModule...\node_modules\string-width\index.jsfrom...\node_modules\wide-align\align.jsnotsupported.解决方案:删掉yarn.lock和node_modules重新安装则没问题,然后在github和gi......
  • vue开发中,在js文件里使用pinia和组件同步
    遇到问题在js文件中封装涉及到使用pinia的方法时,发现和组件内容并不同步,二者是互相独立的。为了方便使用,需要在新建对象的时候,将pinia作为参数传进去只需要传pinia参数就可以store/index.jsimport{defineStore}from"pinia";import{createPinia}from'pinia'export......
  • 本地运行vercel模板项目vercel/nextjs-postgres-auth-starter
    官方指南链接:https://vercel.com/templates/next.js/prisma-postgres-auth-starter创建项目create-next-appnpxcreate-next-appnextjs-typescript-starter--example"https://github.com/vercel/nextjs-postgres-auth-starter"进入nextjs-typescript-startercdnextj......
  • 获取街道、镇级的地图geoJson数据方法
    获取geoJson数据①、第一种方法(不可获取街道、镇级数据)可以直接获取全国、各省、各市以及个县级市详细地图信息的geoJson数据阿里云数据可视化平台http://datav.aliyun.com/portal/school/atlas/area_selector注意:目前平台还拿不到街道、镇的区域数据。②、第二种方法(可获取街......
  • 实现对象字段在转换为 JSON 时大小写保持不变
    实现对象字段在转换为JSON时大小写保持不变预期效果:对象中字段名是Age,NAME转成json后:{"Age":"12","NAME":"张三"}使用场景:给外系统传参数rest接口参数时,对方要求;方式一使用Jackson的@JsonProperty注解importcom.fasterxml.jackson.annotation.JsonProperty;import......
  • ThreeJS入门(123):THREE.Skeleton 知识详解,示例代码
    作者:还是大剑师兰特,曾为美国某知名大学计算机专业研究生,现为国内GIS领域高级前端工程师,CSDN知名博主,深耕openlayers、leaflet、mapbox、cesium,webgl,ThreeJS,canvas,echarts等技术开发,欢迎加微信(gis-dajianshi),一起交流。查看本专栏目录-本文是第123篇入门文章......
  • 【c#】JSON操作
    C#中使用Json,安装Newtonsoft.json依赖读取json文件注意:检查json文件的编码类型,是否为UTF-8。不是的话,读取到的中文会乱码方法:json文件使用记事本打开,界面下方会显示编码类型。若不是,将文件另存为,更改即可。privateJObjectReadJsonFile(stringfolder,stringfileName){......
  • Next.js 零基础开发入门教程2 构建基础脚手架 2024最新更新中|曲速引擎 Warp Drive
    开发目标我们将构建一个简化版本的财务仪表板,其内容包括:公共主页、登录页面、受身份验证保护的仪表板页面、用户可以添加、编辑和删除发票这篇文章先创建一个简单的nextjs脚手架页面安装pnpm包管理器接上一篇,开发环境都准备好之后,我们来做创建项目的准备,首先先判断上一篇的环......