Httpsify – 国内视频https托管方法

问题

一些浏览器会禁止http内容展现在https页面中。比如我们在squarespace里插入一个Youku的视频(Youku嵌入的视频不支持https),就会无法播放

解决方案

我们需要找一个免费的支持https的serve视频的地方。第一个选择就是七牛云,搞了半天发现qiniu的ssl证书是invalid的…
于是又想起了“可怜的”LeanCloud。下载云代码,把要托管的文件放到public下,avoscloud deploy avoscloud publish就好啦,在setting里设置一下web主机的二级域名。就能直接访问了。

squarespace

squarespace比较特别的是它要求embed video,比如youtube之类的用iframe的玩意儿。但国内的那些视频网站基本都不支持https的iframe。好吧,这个也用LeanCloud解决吧。那就写个HTML来解决它。这个HTML要能处理各种Video的请求的话就得读到url里的query。

<div id="content"></div>

  function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
    var regex = new RegExp("[\\?&amp;]" + name + "=([^&amp;#]*)"),
      results = regex.exec(location.search);
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
  }
  var videoUrl = getParameterByName('video');
  if (typeof videoUrl != 'undefined') {
    var node = document.createElement("video");
    node.width = window.innerWidth;
    node.height = window.innerHeight;
    node.autoplay = true
    var controlAttr = document.createAttribute('controls');
    var srcAttr = document.createAttribute('src');
    srcAttr.value = videoUrl;
    node.setAttributeNode(srcAttr);
    node.setAttributeNode(controlAttr);
    document.getElementById('content').appendChild(node);
  }

没做任何优化,只处理了video这种query,大概意思就是这样。

参加过最烂的Hackathon

iHackathon.org,一个自费飞去上海,自费住宿的,我参加过最烂的Hackathon。

  • 提前几周就报名了,提交的申请没有任何回复,都不知道通过了没有。
  • 没有确定主题。号称为了避免提前做好了再过去参赛,要周五晚上才公布,结果也没有。
  • 后勤很差,场地居然不提供插线板,提供的网络连Airplay都不支持。
  • 主持人是路边捡来的吗。
  • 比赛过程中一个话唠大叔…不想回忆的都…还让一个小孩在屋里来回拍球,跑来跑去。
  • 所谓的中日,就是两边都在hackathon,然后中间通话,两个主持人聊聊天。
  • 真的有拿着成品直接来拉投资的…
  • 主办方有个大叔,跟人说话的时候好像所有人都欠他一样。
  • 现场没有遇到一个有意思的聊天对象。
  • 上海空气真好~

Sleepy progress bar

不知道进度条有没有动?把鼠标放在进度条头上就知道了。但,这太傻了吧,进度条应该明确告诉我它有没有在动。做了这个demo来表示这个过程:进度条在动就是蓝颜色,三秒钟不动了就变成灰色的。

 Demo

e58de31042e7bc14189f7947dd04b97d

Idea4Hack: first step of a startup

We made an idea board, where people propose, promote and evolve ideas. super easy idea recording, accurate promoting (o2o), MVP based idea evolving.

Finally, we got 3rd place in Startup weekend Beijing 2014.

我们设计了一个大家可以提出,定向分享,讨论创意的平台。通过MVP加速推进一个想法的实现。

在WordPress.com的博客.

向上 ↑