上一篇插件搭建的顺序最后一步的页面初始化函数中，就是最重要的一步，就先从这个函数说起吧。

$("#jquery_jplayer_1").jPlayer({

                ready: function () {

                    $(this).jPlayer("setMedia", {

                        title: "Bubble",

                        mp3: "@Scripts.Url("~/content/test.mp3")"

                        //mp3:"D:\Documents\Music\test.mp3"

                    });

                },

                swfPath: "/Scripts/JPlayer",

                supplied: "mp3"

            });

第一行代码$("#jquery_jplayer_1").jPlayer()这个方法，将jquery_jplayer_1这个div初始化成播放器，然后括号里的ready、swfPath、Supplied都是这个播放器的参数，即Json格式的options，一个个来解释

swfPath：当浏览器不支持Html5时，使用Flash来显示播放器，这个参数就是指的源文件中jplayer.swf的路径，也可以这样写：swfPath:"/Scripts/Jplayer/jplayer.swf"

supplied:当前播放器支持的格式

最后，当这些参数设置好了以后，就该调用ready函数了，里面的$(this)还是指刚刚那个播放器，$(this).jPlayer("setMedia")设定要播放的文件,方法里面的同样是json格式的参数，如title：标题，MP3:"文件路径"。

然后我的项目里需要用到动态来播放，也就是点击不同按钮播放不同的文件，可以像下面这么使用：

比如一个button按钮的click事件中可以加入下列代码：

$("#jquery_jplayer_1")

       .jPlayer("stop")

       .jPlayer("setMedia",     {wav:"@Url.Action("GetRecordAudio")/?path='sdf'" })

        .jPlayer("play");

文件的url我做了一下处理，因为要访问项目外其他的文件，所以在后台action中返回了一个FileStreamResult的类型，顺便贴出来：

//返回服务器文件

        public FileStreamResult GetRecordAudio(string path)

        {

            FileStream file = new FileStream(@"D:\Documents\Music\test.wav",FileMode.Open);

            return File(file, "application/octet-stream");

        }

path可以自己处理，这样我就完成了一个动态播放音乐的功能。

附上jplayer官方API地址：http://www.jplayer.org/latest/developer-guide/

在网上看到有朋友说播放器无法隐藏，在官网上找到了解决办法（好像使用html5的时候才支持隐藏）：

    <head>

    <style>

    #jquery_jplayer {

    display:none; /* 当使用flash显示的时候无效 */

    }

    </style>

    <script type="text/javascript">

    $("#jquery_jplayer").hide(); /*当使用flash显示的时候无效 */

    </script>

    </head>

    <body>

    <div id="jquery_jplayer"></div>

    </body>

JPlayer使用之二，主要函数介绍的更多相关文章

  1. linux shell学习笔记二---自定义函数(定义、返回值、变量作用域)介绍

    linux shell 可以用户定义函数,然后在shell脚本中可以随便调用.下面说说它的定义方法,以及调用需要注意那些事项. 一.定义shell函数(define function) 语法: [ f ...

  2. Python开发【第三章】：Python函数介绍

    一. 函数介绍 1.函数是什么? 在学习函数之前,一直遵循面向过程编程,即根据业务逻辑从上到下实现功能,其往往用一长段代码来实现指定功能,开发过程中最常见的操作就是粘贴复制,也就是将之前实现的代码块复 ...

  3. python中multiprocessing.pool函数介绍_正在拉磨_新浪博客

    python中multiprocessing.pool函数介绍_正在拉磨_新浪博客     python中multiprocessing.pool函数介绍    (2010-06-10 03:46:5 ...

  4. Kylin系列之二：原理介绍

    Kylin系列之二:原理介绍 2018年4月15日 15:52 因何而生 Kylin和hive的区别 1. hive主要是离线分析平台,适用于已经有成熟的报表体系,每天只要定时运行即可. 2. Kyl ...

  5. MySQL常用函数介绍

    MySQL常用函数介绍 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.操作符介绍 1>.操作符优先级 mysql; +----------+ | +----------+ ...

  6. 函数和常用模块【day04】：函数介绍（一）

    本节内容 1.函数介绍 2.函数定义 3.为什么要使用函数 一.介绍 在我们以往的学习编程的过程当中,碰到的最多的两张编程方式或者说编程方法:面向过程和面向对象.其实不管是哪一种,其实都是编程的方法论 ...

  7. {python之协程}一 引子 二 协程介绍 三 Greenlet 四 Gevent介绍 五 Gevent之同步与异步 六 Gevent之应用举例一 七 Gevent之应用举例二

    python之协程 阅读目录 一 引子 二 协程介绍 三 Greenlet 四 Gevent介绍 五 Gevent之同步与异步 六 Gevent之应用举例一 七 Gevent之应用举例二 一 引子 本 ...

  8. 第16课-数据库开发及ado.net-数据库SQl,创建数据库和表,增删改语句,约束,top和Distinct,聚合函数介绍

    第16课-数据库开发及ado.net 数据库SQl,创建数据库和表,增删改语句,约束,top和Distinct,聚合函数介绍 SQL语句入门(脚本.命令) SQL全名是结构化查询语言(Structur ...

  9. python基础3之文件操作、字符编码解码、函数介绍

    内容概要: 一.文件操作 二.字符编码解码 三.函数介绍 一.文件操作 文件操作流程: 打开文件,得到文件句柄并赋值给一个变量 通过句柄对文件进行操作 关闭文件 基本操作: #/usr/bin/env ...

  10. Python的常用内置函数介绍

    Python的常用内置函数介绍 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.取绝对值(abs) #!/usr/bin/env python #_*_coding:utf-8_ ...

随机推荐

  1. 制作RPM包

    RPM包制作过程 1.1 前期工作 1)创建打包用的目录rpmbuild/{BUILD,SPECS,RPMS, SOURCES,SRPMS} 建议使用普通用户,在用户家目录中创建 2)确定好制作的对象 ...

  2. Python3.x：zip()函数

    Python3.x:zip()函数 1,概述: zip函数接受任意多个(包括0个和1个)序列作为参数,返回一个tuple列表: 2,示例: (1).示例1: x = [1, 2, 3] y = [4, ...

  3. 20145310 《Java程序设计》第1周学习总结

    20145310 <Java程序设计>第1周学习总结 教材学习内容总结 第一周主要学习教材前两章的知识.第一章主要学习了java的历史,版本的迁移以及一些相关的专有名词之间的联系和下载安装 ...

  4. [翻译]小提示：使用figure和figcaption元素的正确方式

    figure和figcaption是一对经常被一起使用的语义化标签.如果你还没有看过规范中的定义,现在有机会在你的项目中使用它们了.如果你不知道怎么用,下面是关于如何正确使用它们的一些提示. figu ...

  5. 百度开源分布式id生成器uid-generator源码剖析

    百度uid-generator源码 https://github.com/baidu/uid-generator snowflake算法 uid-generator是基于Twitter开源的snowf ...

  6. [BZOJ1584]Cleaning Up 打扫卫生

    Description 有N头奶牛,每头那牛都有一个标号Pi,1 <= Pi <= M <= N <= 40000.现在Farmer John要把这些奶牛分成若干段,定义每段的 ...

  7. rocketmq总结(消息的高可用、中间件选型)

    rocketmq总结(消息的高可用.中间件选型) 参考: https://blog.csdn.net/meilong_whpu/article/details/76922456 http://blog ...

  8. cmd中如何查看环境变量

    查看所有环境变量 set 查看某一个环境变量 C:\WINDOWS\system32>set no_proxyNO_PROXY=localhost,127.0.0.1,172.31.212.14 ...

  9. 第十篇：Spark SQL 源码分析之 In-Memory Columnar Storage源码分析之 query

    /** Spark SQL源码分析系列文章*/ 前面讲到了Spark SQL In-Memory Columnar Storage的存储结构是基于列存储的. 那么基于以上存储结构,我们查询cache在 ...

  10. LA 5135 井下矿工（点—双连通分量模板题）

    https://vjudge.net/problem/UVALive-5135 题意:在一个无向图上选择尽量少的点涂黑,使得任意删除一个点后,每个连通分量至少有一个黑点. 思路: 首先dfs遍历求出割 ...