让ckplayer支持m3u8格式的播放

ckplayer官网下载。 直接解压到本地,注意配置里面的默认文件路径,最好是放在服务器的根目录下,这样就可以去访问外链接的资源,官网也是这么推荐的,我这里就直接用node开启一个小服务器。

下载插件http://bbs.ckplayer.com/forum.php?mod=viewthread&tid=18168,我这里放置到ckplayer文件夹中。

三、配置

html:

<div id="a1"></div> 

js:

var flashvars={
	        f : ‘ckplayer/m3u8.swf‘,//插件地址
	        a : ‘http://dy.jsyunbf.com/20170914/3fMIUCOf/index.m3u8‘, //文件地址
	        s : 4,
	        p : 1,
	        wh:‘16:9‘
};
var params=
 {bgcolor:‘#FFF‘,allowFullScreen:true,allowScriptAccess:‘always‘,wmode:‘transparent‘};
	    var video=[‘http://dy.jsyunbf.com/20170914/3fMIUCOf/index.m3u8‘];
	    CKobject.embed(‘ckplayer/ckplayer.swf‘,‘a1‘ ,‘ck-video‘,‘100%‘,‘100%‘,false, flashvars ,video, params);

四、效果 

  

  

时间: 2024-10-27 06:44:20

让ckplayer支持m3u8格式的播放的相关文章

video.js支持m3u8格式直播

为什么要使用video.js? 1. PC端浏览器并不支持video直接播放m3u8格式的视频 2. 手机端各式各样的浏览器定制的video界面风格不统一,直接写原生的js控制视频兼容性较差 3. video.js解决以上两个问题,还可以有各种视频状态接口暴露,优化体验 核心代码: <!DOCTYPE html> <html> <head> <title>videojs支持hls直播实例</title> <link href=".

ckplayer 如何在PC上完美支持 m3u8播放

使用过ckplayer的同学都知道,相对jwplayer等,它非常的容易配置和使用.功能也是基本满足我们的需求的. 一般情况我们都使用普通的视频格式比如mp4,flv等播放,但如果视频文件过大,会加载较慢. 于是我们可以将视频转成m3u8格式来解决这个问题(可以百度m3u8来了解原理,简单点说他就是把视频切成若干个切片,每个切片都可以独立播放而且大小很小,然后利用一个文件索引来依次播放这些文件,所以很快) 如何转m3u8格式?可以参考我上一篇博文. =======================

vue.js+video.js+videojs-contrib-hls支持PC端播放m3u8格式的视频

最近项目中PC需要支持m3u8格式的视频播放 项目框架是vue.js 参考网上教程npm video.js 和  videojs-contrib-hls 项目本地测试OK 打包上线插件内报错 所以最后不得了当外部js 引入 才解决 同时需要引入video.js.css样式 classl类名改为 如图 video.js初始化写在mounted内 如此可以正常的播放m3u8格式的视频了 原文地址:https://www.cnblogs.com/xk-one/p/9243323.html

vue播放rtmp、hls m3u8格式视频

选用Video.js作为视频播放库,如果要支持hls m3u8还需要videojs-contrib-hls组件的支持. 安装Video.js npm install --save video.js 安装videojs-contrib-hls npm install --save videojs-contrib-hls 创建一个vue的播放组件 src/components/VideoPlayer/index.vue <template> <div> <video ref=&q

c# 播放器 支持所有格式

原文:c# 播放器 支持所有格式 ---恢复内容开始--- 直接上代码 internal static class LibVlcAPI { internal struct PointerToArrayOfPointerHelper { [MarshalAs(UnmanagedType.ByValArray, SizeConst = 1000)] public IntPtr[] pointers; } public static IntPtr libvlc_new(string[] argumen

多媒体文件格式(三):M3U8 格式

一.M3U8 格式标准介绍 M3U8文件是指UTF-8编码格式的M3U文件.M3U文件是记录了一个索引纯文本文件,打开它时播放软件并不是播放它,而是根据它的索引找到对应的音视频文件的网络地址进行在线播放. M3U8是一种常见的流媒体格式,主要以文件列表的形式存在,既支持直播又支持点播,尤其在Android.iOS等平台最为常用. 下面是CCTV6直播播放地址:http://ivi.bupt.edu.cn/hls/cctv6hd.m3u8的M3U8的文件列表: #EXTM3U #EXT-X-VER

Atitit. 软件---多媒体区---- jmf 2.1.1 Java Media Framework 支持的格式

Atitit. 软件---多媒体区---- jmf 2.1.1 Java Media Framework 支持的格式 JMF,全名为Java Media Framework,它可以在java applet和application中使用音频,视频或者其他基于时间的多媒体.JMF所支持的多媒体格式如下:AIFF(.aiff),AVI(.avi),GSM(.gsm),HotMedia(.mvr),MID(.mid),MPEG-1(.mpg)(即常见的VCD文件),MPEG-2(.mp2)(即常见的DV

android 支持视频格式

android  MediaPlayer  + SurfaceView 控件播放视频 经过测试支持以下格式: 1 avi 2 3gp 3 mkv 4 mov 5 mp4 6 mpg 7 vob

直播视频和m3u8格式、flv格式

插件: 1.video.js videojs-flash.js 可以播放rtmp直播流 2. hls.js 在html页面上可以播放m3u8格式的视频,但在react node项目上不行. 3.尝试用videojs-contrib-hls和@videojs/http-streaming失败. 4.尝试用ReactPlayer,应该可以,还未进行~ 原文地址:https://www.cnblogs.com/byayn/p/11179219.html