当前位置: 代码迷 >> Web前端 >> 用webpy+gae做一个暗藏播放文件地址的东东,失败了2 -半成功
  详细解决方案

用webpy+gae做一个暗藏播放文件地址的东东,失败了2 -半成功

热度:114   发布时间:2012-08-28 12:37:01.0
用webpy+gae做一个隐藏播放文件地址的东东,失败了2 -半成功

昨天说到失败了

想换一个html5播放器试试

其实

跟播放器根本没有什么关系

但是我还是换了一个播放器,http://kolber.github.com/audiojs/

号称


Mobile Safari (iOS 3+)
Android (2.2+, w/Flash)
Safari (4+)
Chrome (7+)
Firefox (3+, w/ Flash)
Opera (10+, w/ Flash)
IE (6, 7, 8, w/ Flash)




思路跟昨天还是一样的,仍然是判断HTTP_REFERER

但基于浏览器的不同特性,还是决定用jquery

先说结果,稍微掩盖下mp3地址,除非对方查看http请求,单从html代码上是找不到任何mp3地址的,ff和mathon3完美,maxthon2有点显示错位,chrome显示没问题,不能快进


step1 test.html中放一个audio标签,放一个被别人下载也无所谓的mp3,放在static文件夹里就好

<audio src="/static/12.mp3" controls="controls" name ="myaudio" id= "myaudio">
Your browser does not support the audio element.
</audio>

?


step2 再放一个select下拉框,用作控制

<select name="myLesson" id="myLesson">
  <option value="1">第一课</option>
  <option value="2">第二课</option>
  <option value="3">第三课</option>
  <option value="4">第四课</option>
</select>

?

step3,用change和ajax来控制audio标签的源地址

?

从模板里copy的,为了escape这个$符号,全都用$$

?

$$(document).ready(function() { 
var as = audiojs.createAll();
var audio = as[0];
$$("#myLesson").change( function() {
  var lesson = $$("#myLesson option:selected").val()
  alert(lesson)
  $$.ajax({
  url: "url" + lesson,   <!-- 在这里向code.py发起请求-->
  processData: false,
  cache: false,
  success: function(mp3url){
    alert(mp3url)        <!-- 在这里返回的是真正的mp3地址 ,除非对方也用firebug之类查看http请求-->
    $$("#myaudio").attr({ src: mp3url });
    <!--audio.playPause();-->
    audio.load(mp3url);
    audio.play();
  }
});
});
}); 

?step4 codypy

? ?url 匹配 ??'/url(\d)' , ? ? ? 'audio',

?

? ?audio的class

?

    def GET(self,name):
         client = ''
         client =  web.ctx.env.get('HTTP_REFERER') 
         if (not client  == None ) and  client.endswith('test'):                 
           newurl = '/audio/' + name + '.mp3'   
           logging.info("newurl ::::::" + newurl)
           web.header("Content-Type", "text/plain") 
           return   newurl        
         else :  
           return  'stop download '
?

真实的mp3地址放在audio目录下,把audio下的mp3在yaml里按照上一篇的东东配一下就好