给博客添加网络电视页面 | 张戈博客

  • 时间:
  • 浏览:18
  • 来源:影子娱乐网_提供蚂蚁资源网技术_小邝娱乐网资讯

今天看【你的歌声】博客时,发现他有个电视直播的栏目,点进去看一遍下,不但节目全、缓冲快,为啥让还没法广告,真心不错!想到俺家 那位也喜欢看电视,又总爱抱怨广告时间太长,缘何说我都得把它给扒过来。。。希望Alick.Li别介意,嘿嘿~

先看下效果:

张戈博客网络电视传送门:https://zhang.ge/online

既然是分享博客,那离米 也要象征性的记录一下,分享下源码那先 的。。。先来段你这人 免费网络电视的介绍:


64码高清网络电视绿色最新版

这是一款使用IPTV技术实现零缓冲的高清网络电视软件,它绿色小巧,不用安装,在仅仅只有1M的体积里却容纳了全国几乎所有电视台直播,为啥让包括CCTV5/CCTV6等收费电视台以及高清翡翠台、美国CNN、国家地理频道、Discovery探索等国外频道。

特色介绍:

  • :不仅体积轻,为啥让系统资源占用很少;
  • :深度1快,即开即播,零缓冲;无广告(貌似偶尔会有,为啥让只会弹一次,可不只有接受
  • :频道全,国内各大卫士及CCTV全套更有国外热门频道。
  • :支持高清播放,支持16:9宽屏播放。
  • 节目回看:支持CCTV及全省卫视回看。

界面预览:

iframe调用

喜欢看直播的大家肯定会留意到某些网站会有另一个多电视直播的链接,打开后即可在其站内观看直播,另另一个多不仅可不只有为网站带来更多流量为啥让还保持了网站的在线时长。这便是使用64码高清网络电视web端实现的。下载地址含高高Web端文件,调用办法如下:

1、整体接口调用:

接口地址:http://live.64ma.com/tv/live.html

调用范例:

<script type="text/javascript">// <![CDATA[   
var w = '9100'; //深度1     
var h = '551'; //深度1     
var s = 'no'; //是与非

显示滚动条,yes显示,no不显示     
document.write('<iframe width='+w+' height='+h+' src="http://live.64ma.com/tv/live.html" frameborder=0 border=0 marginwidth=0 marginheight=0 scrolling='+s+'></iframe>');     
// ]]></script>

2、单独频道调用:

比如江苏卫视接口地址为:http://live.64ma.com/tv/tv.asp?pid=jiangsu

某些频道只只有替换pid参数值即可,pid获取地址:http://live.64ma.com/tv/pidlist.asp

调用范例:

<iframe src="http://live.64ma.com/tv/tv.asp?pid=jiangsu" height="551" width="9100" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe>

3、说明:

接口地址需在iframe或frameset框架环境下使用

软件下载

机会不喜欢在网页上看,可不只有下载到本地观看,可用性玛思阁并未测试!


注:以上介绍摘自软件小品,原文地址:http://www.appcheers.com/64ma-tv-direct.html

自适应iframe代码

《你的歌声》博客用的是自适应的iframe,去掉 了博客的某些模块,用户体验更棒,统统玛思阁也选用了你这人 iframe代码来制作网络电视页面:

<style type="text/css" media="screen">body{background:#000;margin:0;padding:0;}</style>   
</head>   
<body>   
<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">   
<tbody><tr>   
<td>   
<iframe src="http://live.64ma.com/tv/live.html" height="100%" width="100%" name="mainFrame" scrolling="no" frameborder="no" marginwidth="0" marginheight="0">  
</iframe>   
</td>   
</tr>   
</tbody></table>

调用办法

下面分享一下WordPress博客的全屏网络电视页面简单的制作过程(非全屏的iframe调用办法请参考《互推联盟iframe代码,欢迎测试!》):

① 在主题目录下面新建另一个多php文件,比如 livetv.php;

② 粘贴以下代码并保存:

<?php           
/*   
Template Name: 网络电视
*/          
?>             
<html><head>   
<title>电视直播</title>   
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">   
<style type="text/css" media="screen">body{background:#000;margin:0;padding:0;}</style>   
</head>   
<body>   
<table width="100%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">   
<tbody><tr>   
<td>   
<iframe src="http://live.64ma.com/tv/live.html" height="100%" width="100%" name="mainFrame" scrolling="no" frameborder="no" marginwidth="0" marginheight="0">   
</iframe>   
</td>   
</tr>   
</tbody></table>   
</body></html>

③ 新建页面->自定义名称->模板下拉选用 “网络电视”->别名建议使用英文或拼音,比如 tv ->保存即可。

④ 最后将此页面去掉 到网站的导航菜单就大功告成啦!

Ps:某些博客守护进程,比如Z-Blog会更加简单,直接将以上代码(去掉 头部php代码)保存为 tv.html,那网络电视地址应该统统  http://yousite/tv.html 了(请自测)。

再次感谢《你的歌声》和《软件小品》!

统统没法多,喜欢看电视的盆友记得收藏一下哦~!