简易本地网页文件播放电视

有的网址有Access-Control-Allow-Origin问题，我用的火狐浏览器添加的插件“CORS Unblock“。

需要同目录有hls.js vue.js文件,把下边代码保存成xx.htm,拖入浏览器就可以看电视直播流。

<script src="hls.js"></script>
<script src="vue.min.js"></script><video id="videoElement" height=580 width=960 controls ></video>
<br><br>
<input type="text"  id="tvu" />
<input type="button" id="dakai" onclick="dakai(tvu.value)" value="打开"/><div id="app">
<ol>
<li v-for="t in tvurl">
<button v-on:click="dakai(t.u)" >{{t.t}}</button><br><br>
</li>
</ol>
</div>
<script>
var video = document.getElementById('videoElement');   function dakai(url){
var hls = new window.Hls()
hls.attachMedia(video)
hls.on(Hls.Events.MANIFEST_PARSED, function () {video.play()})hls.loadSource(url)
}new Vue({el: '#app',data: {tvurl:[{t:'凤凰',u:"https://playtv-live.ifeng.com/live/06OLEEWQKN4_tv1.m3u8"},{t:'香港',u:'http://zhibo.hkstv.tv/livestream/mutfysrq/playlist.m3u8'},{t:'浙江',u:'http://hw-m-l.cztv.com/channels/lantian/channel01/1080p.m3u8'},{t:'浙江公共',u:'http://hw-m-l.cztv.com/channels/lantian/channel07/1080p.m3u8'},{t:'大爱2',u:'https://pulltv2.wanfudaluye.com/live/tv2.m3u8'},{t:'俄罗斯',u:'https://brics.bonus-tv.ru/cdn/brics/chinese/tracks-v1a1/mono.m3u8'},{t:'原住民',u:'http://streamipcf.akamaized.net/live/_definst_/live_720/chunklist_b1500.m3u8'},{t:'ndt',u:'https://ntd02.akamaized.net/NTDA/tracks-v4a1/mono.m3u8'},{t:'自然',u:'http://bamus-eng-roku.amagi.tv/playlist720lp.m3u8'},{t:'ViuTVsix',u:'https://cdn.hklive.tv/xxxx/96/index.m3u8'},{t:'ViuTV',u:'https://cdn.hklive.tv/xxxx/99/index.m3u8'},]}
})
</script>

刚开始用IPTVnator看电视，启动太慢，就自己弄了个简单网页文件。iptv-org/iptv 简介: 收录全球 8000 多个 IPTV 网络直播源。 - GitHub中文社区

简易本地网页文件播放电视相关推荐

用JavaScript实现简易的网页音乐播放器
用JavaScript实现简易的网页音乐播放器最近疫情在家,利用这段时间开始自学HTML等内容,目前在写自己的个人主页,想用音乐来给自己的主页增添点特色. 一开始单纯用audio标签添加音乐,带上a ...
如何禁止ie打开本地网页文件时的安全提示
今天遇到一个很令人头痛的问题,程序需打开一个本地的网页文件,此网页文件是用来打开一个弹出的网页,但是打开此网页文件时一直会弹出一个关于网页安全的提示,如果允许它弹出此网页,它就不弹出网页.围绕这个问题 ...
Android 播放raw文件夹下音频文件，本地MP3文件播放，播放云端MP3文件，获取MP3文件播放时长
1.复制音频文件到raw文件夹下 2.实例化音频文件 private final MediaPlayer.OnCompletionListener beepListener = new MediaPl ...
html保存word文档到本地,保存在本地网页文件另存为word文档,图片怎么处理?
镜子前的我,身着华丽的晚礼服,显得楚楚动人,淡妆过后的脸上泛起了阵阵红晕,内心的激动可想而知.今晚我要去参加一个特殊的宴会--庆祝姚老师五十大寿,噢,姚老师--我二十年前的班主任.想到就要和那么多同学 ...
java wav音频文件播放器demo
java 简易wav音频文件播放器测试文件源码相关资料测试文件 csdn下载 : https://download.csdn.net/download/qq_41054313/18704149 ...
Win10系统，用C++调用OpenCV接口，播放本地视频文件，播放本地和网络摄像头
1 前言前边2篇文章介绍了在WIN10系统上,分别用C++和Python调用OpenCV接口,加载和显示一张静态图片.本篇我们来看一下,用C++如何调用OpenCV接口,打开和播放本地视频文件,打开 ...
Python调用OpenCV接口播放本地视频文件、本地和网络摄像头
1 前言上篇文章介绍了在WIN10系统上, C++调用OpenCV接口,播放本地视频文件.本地和网络摄像头视频.本篇我们来看一下,Python如何调用OpenCV接口,做同样的事情. 序号视频来源 ...
织梦DedeCMS播放本地视频文件插件
DedeCMS 5.7视频本地文件播放版v1.0是以播放本网站的视频为主的一个视频模型,在这个模型,可以播放诸如flv,swf,wav,mp3,等等多媒体文件的模型.借用dedecms强大的cms系统 ...
python博客下载本地文件_解决django无法访问本地static文件(js,css,img)网页里js,cs都加载不了...
1.今天网上下载一个博客项目,发现本地访问,js,css加载不了. 我想应该是项目上线的安全措施,但是我想调试项目.找到方法如下在settings.py里面编辑添加 STATICFILES_DIR ...

简易本地网页文件播放电视

简易本地网页文件播放电视相关推荐

最新文章

热门文章