HTML5΢ÐÅÍøÒ³µ÷ÓÃ¼à¿ØÖ±²¥´úÂë½Ó¿ÚÎĵµv3.02
±¾ÎĵµÎª¼à¿ØÊÓÆµµÄµ÷ÓýӿÚ˵Ã÷£¬ÊÊÓÃÓÚ΢ÐÅ¼à¿ØÖ±²¥µ÷Óá¢HTML5ÍøÒ³¼à¿ØÖ±²¥µ÷Óã¬Ê¹Óñ¾ÎĵµÇ°ÇëÈ·¶¨ÓÐʹÓÃÎÒ˾µÄ·þÎñ£¬°üÀ¨×âÓÃÆ½Ì¨·þÎñ»ò¹ºÂò¹ý·þÎñÆ÷Èí¼þ¡£
²ÎÊý˵Ã÷
²ÎÊý»ñÈ¡ÓÅÏȼ¶£ºurl´«²Î > dataÊôÐÔ > js´«²Î > jsȱʡֵ¡£ËùÓвÎÊý¾ù¿ÉÊ¡ÂÔ£¬Ê¡ÂÔʱ½«°´ÓÅÏȼ¶Ë³Ðò»ñÈ¡£¬Ö±ÖÁȱʡֵ£»
ÌØ±ð˵Ã÷£ºÉú²ú/Õýʽ»·¾³ÇëÒýÓÃjq.getVideo.min.js,½«ºöÂÔurlµÄlogs²ÎÊý
//ºËÐIJÎÊý type: 0, //ÊÓÆµ´«²Î·½·¨£º0=url/html/js´«²Î;1=xml´«²Î;2=json´«²Î geturl: '/getvideo.php', //·þÎñÆ÷½»»¥ÎļþµÄ·¾¶,type=0ʱÎÞЧ vid: '', //ÇëÇóµÄ²¥·ÅµÄÊÓÆµË÷ÒýºÅ£¨·þÎñÆ÷½»»¥Îļþ£©,ĬÈϵÚ1ÌõÊý¾Ý,type=0ʱÎÞЧ //ÊÓÆµ²ÎÊý code: 0, //ÊÓÆµ´«ÊäÐÒé:0=¼à¿ØË½ÓÐÐÒé,1=Ö±²¥rtmpÐÒé,2=Ö±²¥hlsÐÒé ip: 'v1.insytone.com', //ĬÈÏ·þÎñÆ÷IPµØÖ· port: '2005', //ĬÈ϶˿ںŠuser: '', //ĬÈÏÓû§Ãû password: '', //ĬÈÏÃÜÂë dev: '', //É豸ºÅ/ʵÀýÃû,¿Õ»ò0±íʾ»ñÈ¡µÚ1̨É豸, src: '', //ÊÓÆµ²¥·ÅµØÖ·,Èç¹ûÓж¨ÒåÔòÖ±½Óµ÷ÓÃsrc¶øºöÂÔip,userµÈ²ÎÊý //²¥·ÅÆ÷²ÎÊý player: 0, //²¥·ÅÆ÷£ºÄ¬ÈÏ×Ô¶¯ÊÊÓ¦,1=flash²¥·Å£¨PC£©,2=html5²¥·Å£¨Òƶ¯¶Ë £© swfPath: 'js/', //²¥·ÅÆ÷·¾¶,player=1ʱ(flash²¥·Åʱ)µ÷Óà res: 1, //·Ö±æÂÊ:ĬÈÏ1=¸¨ÂëÁ÷£¬0=Ö÷ÂëÁ÷£¬½öÕë¶Ôflash²¥·ÅÓÐЧ ratio: '0', //ÊÓÆµ¸ß/¿í±ÈÀý£ºÐ¡Êý0.75»ò9/16,¿Õ»ò0ʱ²»Ö¸¶¨±ÈÀý,Õ¼ÂúÕû¸ö²¥·ÅÈÝÆ÷ auto: 1, //ÊÇ·ñ×Ô¶¯²¥·Å delay: 3000, //ÑÓʱ²¥·Åʱ¼ä,´ýÉú³ÉÇÐÆ¬Îļþ/»ò¹ã¸æºóÔÙ²¥·Å //duration: 0, //Á¬Ðø²¥·Åʱ¼äÏÞÖÆ,´ïµ½Ö¸¶¨µÄʱ¼äºóÇжÏÊÓÆµÔ´,0±íʾ²»ÏÞÖÆ,ÔÝδÏÞÖÆ //ÆäËü²ÎÊý control: 0, //ÊÇ·ñÏÔʾÊÓÆµ¿ØÖư´Å¥ list: 1, //ÊÇ·ñÏÔʾ²¥·ÅÁбí,µ±Ç°µÇ¼Õ˺ÅÏÂÓжà¸ö¿ÉÓÃÊÓÆµÇÒΪHTML5²¥·ÅʱÏÔʾ tips: 0, //ÊÇ·ñ¿ªÆôÌáʾ logs: 0 //ÊÇ·ñ¿ªÆôÈÕÖ¾
µ÷ÓÃʾÀýÒ»£ºurl´«²Î
ʾÀý1£º?ip=v1.insytone.cn&user=sztest
ʾÀý2£º?type=1&geturl=xml/getvideo.xml&vid=4
ʾÀý3£º?type=2&geturl=/getvideo.php&vid=4
ʾÀý1Ö±½Óͨ¹ýä¯ÀÀÆ÷´«µÝ¼à¿ØÖ±²¥ÊÓÆµµÄ²ÎÊý£¨²»ÍƼö£©£»
µ÷ÓÃʾÀý¶þ£ºdataÊôÐÔ´«²Î
ͨ¹ý²¥·ÅÈÝÆ÷µÄdata-xxxÊôÐÔ´«²Î¸øjs
<div id="video1" class="video-box" data-ip="v1.insytone.com" data-user="demo" ></div>
µ÷ÓÃʾÀýÈý£ºjs´«²Î
$('#video1').getVideo({ ip: 'v3.insytone.com', //ĬÈÏ·þÎñÆ÷IPµØÖ· user: 'demo', //ĬÈÏÓû§Ãû,ÈçÓж¨ÒåÔòºöÂÔxml,json²ÎÊý password: '', //ĬÈÏÃÜÂë dev: 'sn01', //É豸ºÅ/ʵÀýÃû,¿Õ»ò0±íʾ»ñÈ¡µÚ1̨É豸 });xmlÎļþʾÀý
xmlÎļþͨ¹ý´«²Îvid»ñÈ¡ÊÓÆµÐÅÏ¢(Àý)£ºhttp://url.com/xml/test.xml?vid=videoName1
<videos> <!--²ÎÊý²¿·ÖÇë²Î¿¼js´«²Î£¬²¿·Ö²ÎÊý¿ÉÊ¡ÂÔ--> <video> <vid>4</vid> <ip>v1.insytone.cn</ip> <port>2005</port> <user>jkzxzb</user> <password>123456</password> </video> <video> <vid>5</vid> <ip>v1.insytone.cn</ip> <port>2005</port> <user>jkzxzb2</user> <password></password> </video> </videos>
jsonʾÀý
1¡¢Í¨¹ýjson»ñÈ¡ÊÓÆµÐÅÏ¢¡¢PHP¶¯Ì¬¿çÓò»ñÈ¡jsonʾÀý£º?type=2&geturl=/getvideo.php&vid=4
jsonp·þÎñÆ÷¶ËʵÀý£ºgetvideo.php
<?php $callback = $_REQUEST['callback']; $vid = $_REQUEST['vid']; //×Ô¶¨ÒåÊÓÆµ²ÎÊýÊý×éÏ¿É´Ó·þÎñÆ÷Êý¾Ý¿â»ñÈ¡ $data_array = array( array( 'vid' => '4', 'ip' => 'v1.insytone.cn', 'user' => 'jkzxzb', 'password' => '123456', ), array( 'vid' => '5', 'ip' => 'v1.insytone.cn', 'user' => 'jkzxzb2', 'password' => '', ), array( 'vid' => '6', 'ip' => 'v1.insytone.cn', 'user' => 'jkzxzb3', ) ); //²éѯƥÅäµÄÊý×é foreach ($data_array as $data) { if ($vid==$data['vid']){ $output=$data; break; } } //Êä³öJSON if ($callback) { header('Content-Type: text/javascript'); echo $callback . '(' . json_encode($output) . ');'; } else { header('Content-Type: application/x-json'); echo json_encode($output); //{"ip":"v1.insytone.cn","port":"2005","user":"jkzxzb3","password":"","dev":""} } ?>
±¾ÎĵµÎª¼à¿ØÊÓÆµµÄµ÷ÓýӿÚ˵Ã÷£¬ÊÊÓÃÓÚ΢ÐÅ¼à¿ØÖ±²¥µ÷Óá¢HTML5ÍøÒ³¼à¿ØÖ±²¥µ÷Óã¬Ê¹Óñ¾ÎĵµÇ°ÇëÈ·¶¨ÓÐʹÓÃÎÒ˾µÄ·þÎñ£¬°üÀ¨×âÓÃÆ½Ì¨·þÎñ»ò¹ºÂò¹ý·þÎñÆ÷Èí¼þ¡£





