标签: web-widget

有人最近指示我使用小部件的W3C规范:

http://www.w3.org/TR/widgets/

开发人员可以通过浏览器的应用程序缓存使Web应用程序脱机工作.我曾经问过用户应该如何知道他们可以离线使用某些网站,也就是这个人提出了小部件规范.将应用程序的打包与其脱机存储能力分开是有意义的.然而,在谷歌搜索并阅读小部件之后,我找不到关于这个主题的最新文章(大多数文章似乎是从2010年左右开始).最终我发现了Opera的SDK,但开头有一条消息表明他们正在删除这些功能:

从Opera 12开始,Opera Widgets将为新用户关闭,并在以后的版本中完全删除.

来源:http://dev.opera.com/articles/view/creating-your-first-opera-widget/

W3C小工具是一种死技术吗？如果是这样,是否有任何跨浏览器技术正在开发用于Web应用程序的打包？我很好奇,因为我认为离线存储很有意思,但是看不到用户如何知道,即使他们没有互联网连接,他们也可以浏览到特定的网址并让它工作,除非浏览器告诉他们他们安装了哪些应用程序(或者除非每个支持离线存储的站点都向他们解释了这些应用程序

我一直在尝试使用此Soundcloud博客页面上给出的示例,因此我可以将音量设置得更低. http://developers.soundcloud.com/blog/html5-widget-api

我只更改了iframe大小和src =到我的播放列表,并将set.Volume更改为10所以我可以注意到它的区别是否有效.到目前为止,没有变化量仍然是100%

我已经尝试过,无需在模板的头部放置以下内容.似乎并不重要.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

这是我从Soundcloud示例中调整的代码:

    <iframe id="sc-widget" width="350" height="332" scrolling="no" frameborder="no" src="http://w.soundcloud.com/player/?url=http%3A%2F%2Fapi.soundcloud.com%2Fplaylists%2F1417174&auto_play=true&show_artwork=false&color=37415f"></iframe>

  <script src="http://w.soundcloud.com/player/api.js" type="text/javascript"></script>
  <script type="text/javascript">
  (function(){
    var widgetIframe = document.getElementById('sc-widget'),
        widget       = SC.Widget(widgetIframe);

    widget.bind(SC.Widget.Events.READY, function() {
      widget.bind(SC.Widget.Events.PLAY, function() {
        // get information about currently playing sound
        widget.getCurrentSound(function(currentSound) { 
          console.log('sound ' + currentSound.get('') + 'began to play');
        });
      });
      // get current level of volume
      widget.getVolume(function(volume) {
        console.log('current volume value is ' + volume);
      });
      // set new volume level
      widget.setVolume(10);
    });

  }());
  </script>

这是代码生效的Joomla站点. http://mediaservicesnyc.com/ …