分享张戈博客的在线影音源代码

记得以前写过一篇《给博客添加网络电视页面》的文章,后来张戈将音乐电台和网络电视综合了一下, 成为了现在的在线影音

此页面用到了iframe框架,所以张戈用 js 封装处理了下,避免不利于SEO的情况(如何封装的?)

分享张戈博客的在线影音源代码

分享张戈博客的在线影音源代码

近期,有朋友私信或留言给张戈,想要我分享一下张戈博客的在线影音的源码。而我却一直因为其他事情耽搁了,现在空了点,就来分享下。

其实,我最开始是从在线工具那看到的,感觉很不错!就拿来综合修改了一下,结合了原版的在线电视和在线音乐盒,做成了在线影音。现在,张戈就把来自网络的好东西再回馈给网络上有需要的人!

 

一、傻瓜式通用版(适合所有建站程序)

其实,这个版本就是用浏览器打开张戈博客-在线影音后的源代码,稍微有点网页基础的孩纸就可以自助获取了!现在,张戈把html代码和相关文件都打包,方便不太懂代码的站长筒子们。

代码如下:

说明:其中,第9、23、34、37行的路径需要修改成你的实际路径,其中jquery.min.js是通用的jquery包,一般网站都会加载,如果网站已有这个文件,则直接写成对应的路径即可,搞不清楚的同鞋就索性再往下看。

具体制作方法:

①、下载源码包

②、解压后,使用记事本或编辑器修改online.html修改内容:

比如,如果你决定上传到根目录,则如下修改:

第9、23行:自己看着改;

第11行:http://你的网址/jquery.min.js

第37行:http://你的网址/online.js

③、将文件(共3个)上传到网站的后台空间(图简单就直接丢到根目录即可

分享张戈博客的在线影音源代码

④、现在直接访问 http://你的网址/online.html 就可以看到效果了。

Ps:其他中文内容就不多说了,如“张戈博客”,自己看着修改吧。。。

二、WordPress的制作方法

①、将js文件上传到主题目录,记住路径(已加载jQuery的主题,则不用重复上传,修改后面的实际路径即可);

②、将online.html文件中的一些内容按照实际路径修改(如①中js路径,具体参考通用版)

③、在修改后的代码的最前面加上如下内容:

并另存为online.php,上传到主题目录

④、新建页面,右侧的模板类型选择在线影音,别名修改为英文(比如online),点击发布。

⑤、访问http://你的网站/online 即可看到效果

就写这么多,有任何问题或建议请在下面留言联系我。

文件下载

博客小广告:网络加速服务推荐(点击图片查看)

网络加速

发表评论

gravatar

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

刷新评论

目前评论:74   其中:访客  47   博主  27

  1. PHP二次开发 6 来自天朝的朋友 未知浏览器 Unknow Os 山东省济南市 联通

    这个还不错,可以娱乐一下。

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      我老婆喜欢看~哈哈

  2. 凌吉林 2 来自天朝的朋友 未知浏览器 Unknow Os 浙江省杭州市 电信

    啥时候想在博客弄点影音,再到你这里来取经

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      嗯,好的

  3. 王光卫中文博客 1 来自天朝的朋友 未知浏览器 Unknow Os 四川省成都市 电信

    现在插件挺多的,但是没这个简洁

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      第一个是纯静态,应该比插件还好很多。

  4. 萌妹 6 来自天朝的朋友 未知浏览器 Unknow Os 湖北省武汉市 鹏博士长城宽带

    额,感觉我的空间本来就好慢。。等换服务器了 试试影音

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省广州市 电信

      感觉你博客也不慢呢

      • 萌妹 6 来自天朝的朋友 未知浏览器 Unknow Os 湖北省武汉市 鹏博士长城宽带

        本来是用七牛的 结果用七牛间歇爆500错误 然后卸载了 唉 好烦 流量又不够用了

        • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

          七牛的解析有时候有问题。

          • 萌妹 6 来自天朝的朋友 未知浏览器 Unknow Os 湖北省武汉市 鹏博士长城宽带

            原来是这样啊 难怪我用求牛就偶尔500 错误 偶尔又很好 不过能剩好多流量 可惜了

  5. 瑾瑜 4 来自天朝的朋友 未知浏览器 Unknow Os 安徽省合肥市 中国科学技术大学

    这个挺好,想看电视时方便了。

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      恩,其实也是自娱自乐,另外就是方便家人看看在线电视什么的。

  6. APP雄起 7 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

    这个不错

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      可以试试~哈哈

  7. 夏日博客 5 来自天朝的朋友 未知浏览器 Unknow Os 北京市 宽带通

    这个貌似也是直接代码调用的吧。

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      是框架调用,不过我用js封装了,SEO方面没事。

  8. maillot radioshack 4 来自天朝的朋友 未知浏览器 Unknow Os 福建省福州市 电信

    唔,我打酱油好了。

  9. 多姿女性 1 来自天朝的朋友 未知浏览器 Unknow Os 浙江省台州市路桥区 电信

    来向老大们学习

  10. 小鱼儿的家 3 来自天朝的朋友 未知浏览器 Unknow Os 湖北省襄阳市 电信

    我主题自带了网络电视模块也挺不错的,只是不怎么用就没有搞,你这个也不错,赞一个

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      我一会就去看看。

  11. leiboy 5 来自天朝的朋友 未知浏览器 Unknow Os 北京市西城区 联通

    现在基本上都看盒子或智能电视了

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      嗯,有盒子谁还看这个啊。。。算是屌丝的自娱自乐吧。丰富一下网址。反正我每天都是在这里听音乐电台。

      • leiboy 5 来自天朝的朋友 未知浏览器 Unknow Os 北京市西城区 联通

        嗯,这种页面前几年很流行

  12. 百家网络博客 3 来自天朝的朋友 未知浏览器 Unknow Os 广东省广州市 联通

    易视速度不是很好

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      恩,有时候要卡很久,我一般用这个听歌。

  13. Brainu 1 来自天朝的朋友 未知浏览器 Unknow Os 贵州省贵阳市 电信

    这个不错,先留着,以备用

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      可以保存源码,

  14. 三日月 6 来自天朝的朋友 未知浏览器 Unknow Os 上海市 电信

    最近站点变化小大啊 评论” alt=”[嘻嘻]” title=”[嘻嘻]” class=”ds-smiley” />

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      加了广告。。

      • 三日月 6 来自天朝的朋友 未知浏览器 Unknow Os 上海市 电信

        广告估计被我的玩意屏蔽了,我觉得变化挺大的

        • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

          其他没啥变吧。

          • 三日月 6 来自天朝的朋友 未知浏览器 Unknow Os 上海市 电信

            还是我最近好久没来逛的原因啊,你那分享的我在异次元看到过

            • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

              是仿异次元百度分享工具条,今天才加上的,费了不少力。

              • 三日月 6 来自天朝的朋友 未知浏览器 Unknow Os 上海市 电信

                这个是挺不错的。把要的整合到一起

        • 小残博客 3 来自天朝的朋友 谷歌浏览器 Windows 7 重庆市 电信

          发现:使用第二种方法后打开新建的页面一片空白

          • 张戈 [博主] 来自天朝的朋友 谷歌浏览器 Windows 7 广东省深圳市 电信

            那应该是php代码错误造成白板。

            • 小残博客 3 来自天朝的朋友 谷歌浏览器 Windows 7 重庆市 电信

              用下源码包里面打包文件里面的说明文本里面的代码后测试正常 可是出现上方有一块白板 另外用那个网站底部的随机文章发现不显示阅读次数 希望帮忙解决下。 谢谢。

              • 张戈 [博主] 来自天朝的朋友 谷歌浏览器 Windows 7 广东省深圳市 电信

                建议用html代码,效率更好
                不显示阅读可能和使用的阅读统计插件不同有关系,不是post_views吧

  15. 小清新头像吧 5 来自天朝的朋友 未知浏览器 Unknow Os 北京市 联通

    关注下了哈。。

  16. 迷你博客 4 来自天朝的朋友 未知浏览器 Unknow Os 广东省广州市 电信

    卡卡,看着有点心动,就怕影响加载速度啊..现在我博客有点不稳定打开速度也一般,不敢做太多影响速度的操作了。

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      完全不会影响博客速度,只是一个单页面,影响不了全局的

      • 迷你博客 4 来自天朝的朋友 未知浏览器 Unknow Os 广东省广州市 电信

        评论” alt=”[哈哈]” title=”[哈哈]” class=”ds-smiley” /> 那就好,后面有需要按你的去调用,到进有问题再请教。

        • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

          嗯,好的,我是弄给自己看的,听听歌不错。

  17. 球球 4 来自天朝的朋友 未知浏览器 Unknow Os 四川省成都市 电信

    看起来不错哦 评论” alt=”[威武]” title=”[威武]” class=”ds-smiley” />

  18. 毛成勇 3 来自天朝的朋友 未知浏览器 Unknow Os 湖南省长沙市 联通

    本来很简单的,博主搞得太复杂了~

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      此话怎讲?

  19. 刘海江 5 来自天朝的朋友 未知浏览器 Unknow Os 辽宁省沈阳市 鹏博士长城宽带

    特地前来看奇葩的。。。。。哈哈

  20. 刘海江 5 来自天朝的朋友 未知浏览器 Unknow Os 辽宁省沈阳市 鹏博士长城宽带

    审阅完毕 绝对是奇葩

  21. Im Xiao 1 来自天朝的朋友 未知浏览器 Unknow Os 江西省赣州市 电信

    我自己搞了个百度随身听的页面。你的JS封装不错。

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      我现在这些js封装过的页面,都已正常收录,效果不错。

      • 我爱书籍 4 来自天朝的朋友 谷歌浏览器 Windows 7 江苏省南京市 电信

        支持 呵呵 不错的工具

  22. 人生 2 来自天朝的朋友 未知浏览器 Unknow Os 江苏省盐城市 电信

    我想问一下我在我的网站上装怎么没有用

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市宝安区 电信

      我看你网站可以用呢~~

      • 人生 2 来自天朝的朋友 未知浏览器 Unknow Os 江苏省盐城市 电信

        刚刚修改了一下

        • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 电信

          嗯,能用就好~常交流。

          • 人生 2 来自天朝的朋友 未知浏览器 Unknow Os 江苏省苏州市 电信

            现在有个新的问题,qq音乐和kuogo在ie浏览器没用

            • 人生 2 来自天朝的朋友 未知浏览器 Unknow Os 江苏省苏州市 电信

              帮我看看。谢谢

              • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市宝安区 电信

                你看我的在IE能不能用,不能用的话,那就是一样的问题了。

                • 人生 2 来自天朝的朋友 未知浏览器 Unknow Os 江苏省苏州市 电信

                  你的不能用呀

                  • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市宝安区 电信

                    不想折腾ie兼容性了,有兴趣你自己去弄好了。

  23. FM 0 来自天朝的朋友 谷歌浏览器 Windows 7 黑龙江省双鸭山市 联通

    在你这里学习到很多东西!真心感谢!

  24. 回梦无痕 4 来自天朝的朋友 搜狗浏览器 Windows 7 广东省广州市 电信

    少了个

    • 张戈 [博主] 来自天朝的朋友 谷歌浏览器 Windows 7 广东省深圳市 电信

      什么?

      • 回梦无痕 4 来自天朝的朋友 搜狗浏览器 Windows 7 广东省广州市 电信

        代码少了个/style
        被过滤了。。

  25. 知言 0 来自天朝的朋友 Safari浏览器  Android 4.4.4 MI 3W Build/KTU84P 浙江省绍兴市 电信

    谢谢分享出来,很喜欢这个功能,一开始看了源码没懂,现在知道了谢啦签到成功!签到时间:18:12:44,每日签到,生活更精彩哦~

  26. 知园博客 1 来自天朝的朋友 谷歌浏览器 Windows 8.1 广东省广州市 电信

    哈,不错!

  27. Liangge 0 来自天朝的朋友 火狐浏览器 Windows 7 辽宁省铁岭市 电信

    你好请教一下我按照你的方法上传到EMLOG博客模版目录不管用,传到emlog根目录或创建二级目录打开都是404错误,请教是上面问题?

  28. 牧羊人 5 来自天朝的朋友 谷歌浏览器 Windows 7 重庆市 电信

    Thanks

    已搞好。

  29. john 0 来自天朝的朋友 谷歌浏览器 Windows 7 北京市 教育信息网

    博主,你好,看了你的博客,更加坚定了学习的勇气,刚才下载在线影音的代码,怎么下载不了呢,希望博主看看,

  30. Simplexity 0 来自天朝的朋友 谷歌浏览器 Windows XP 重庆市 电信

    谢谢博主,已搞定!

    • 半醒 1 来自天朝的朋友 搜狗浏览器 Windows 10 河北省石家庄市 电信

      签到成功!签到时间:22:51:15 GMT+0800 (中国标准时间),每日签到,生活更精彩哦~

加载中,请稍候...