必威体育下载克里斯蒂安·海尔曼

“slideshare”标签的文章

修复幻灯片共享HTML显示器

星期三,4月27日二千零一十一

写一篇关于它的博客是不可能的HTML5并在Flash中嵌入幻灯片,而不会遇到很多与内容无关的俏皮评论。为了避免这种情况,我写幻灯片HTML详细介绍了它的工作原理

好,我砍啊,刮啊,迟早会伤到你的屁股。就像Slideshare的开发者改变了手机版图片的url地址,这当然破坏了我的嵌入工具,让我收到了很多邮件,问我为什么,为什么我要抛弃人们。

在Slideshare的开发者邮件列表上发牢骚有帮助,现在镶嵌的美国石油学会不仅返回幻灯片和URL的数量以及所有其他优点,还返回要使用的正确图像后缀。

所以,简而言之,它是固定的,正如我现在使用的美国石油学会与其制造废料,不如让它更平滑。

不带闪光灯的幻灯片共享嵌入

星期五,11月12日,2010

我之前说过几次,但我爱幻灯片。对于像我这样的专业演讲者来说,这是一种很好的方式来分享我的演讲稿,并从人们那里获得反馈,让他们能够重复使用。有些人抱怨的是嵌入是基于Flash的,我们都知道Flash会让小猫哭,忍者也会出现,所以我们不能让它出现。

别担心,有办法的。假设您在Slideshare上的演示文稿http://www.slideshare.net/cheilmann/reasons-to-be-javely-fronteers-2010
快乐的理由-摄影2010年的前沿人物

只需在用户名前添加a/mobile/即可查看手机版哪一个是有点HTML

按照片滑动共享手机

你可以在iFrame中加入这个功能,但是移动版的Chrome可能有点压倒性。不用担心——开放网络可以解决这个问题。查看源代码,你找到了杰森对象的所有信息:

这里有趣的部分是BaseLeDelURL以及总幻灯片。要获得不同的图像,只需将- slide - {n}.jpg添加到BaseLeDelURL其中{n}是幻灯片的编号。

把这个放在一起,添加一些样式和一些YUI3对于功能,我现在可以向您展示可嵌入的HTML版本:

http://icant.co.uk/slidesharehtml只需输入URL来转换它们。这个转换器的源代码在GitHub上所以你可以自己主持。

查看中的流程下面的视频

我喜欢开放网络技术和聪明的转换器,是吗?

使用YQL将文本添加到幻灯片共享嵌入的演示文稿中

星期天,1月11日,二千零九

我喜欢幻灯片(是的,很多重复,我知道)。这是一个伟大的方式传播您的演示文稿因为它允许其他人将它们嵌入他们的博客和网站,它也允许人们下载和重用你所做的。

关于SlideShare,我真正喜欢的一点是它可以创建HTML演示文稿的文本显示在页面的下方,如以下屏幕截图所示:

显示成绩单的幻灯片共享截图

现在,令人讨厌的是幻灯片共享美国石油学会尽管它充满了美好,但它并没有提供一种获取这些记录的方法,以防您希望在演示文稿旁边显示它们。您还需要对详细信息进行身份验证,这是非常必要的,但如果您只是想提供JavaScript解决方案,那么这是非常糟糕的。

好消息是,现在有一种简单的方法可以从任何一个网站检索信息,并将其作为杰森要在javascript中使用:钇铝石榴石。使用钇铝石榴石控制台和一些XPath I例如,能否提取转录信息并将其还原为XML(幻灯片)URL网址:http://www.slideshare.net/cheilmann/shifting-gears-presentation以及XPATH//OL/LI):


http://query.yahooapis.com/v1/public/yql?q=select * from html where url%3D"http%3A%2F%2Fwww.slideshare.net%2Fcheilmann%2Fshifting-gears-presentation" and xpath%3D'%2F%2Fol%2Fli'&format=xml

如果将格式定义为杰森并提供一个回调参数,你可以很容易地用它来编写一个小脚本注入脚本到SlideShare嵌入:

slideshareTranscripts = function () {
var div=document.getElementsByTagname('div');
var容器=
(var = 0; div[我];我+ +){
if(div[i].id.indexof(''uuu ss')!==- 1){
var slideurl=div[i].getElementsByTagname('a')[0].href.split('?')〔0〕;
containers[slideurl]=c:div[i],id_
获取(SLIDEURL);
}

}
函数get(url)
var url='http://query.yahooapis.com/v1/public/yql?'+
'format=json&callback=slidesharescripts.doit&q='+
“选择% 20强,p % 20从% 20 html % 20 % 20 url % 3 d % 22 +
编码组件(slideurl)+
'%22%20和%20xpath%3d%27%2f%2fol%2fli%27&';
var s=document.createElement(“script”);
S.SRC= URL;
s.type='text/javascript';
document.getElementsByTagname('head')[0].附件子项;
}

函数doit(o)
var url=decodeuricomponent(o.query.uri).split(“”);
var out=document.createElement(“ol”);
var lis=o.query.results.li;
对于(var i=0,j=lis.长度;i var li = document.createElement(' li');
var strong=document.createElement(“strong”);
var p = document.createElement(' p');
strong.appendChild(document.createTextNode(lis[i].strong));
p.AppendChild(document.createTextNode(lis[i].p));
li.附属物(强);
li.附属物(p);
out.appendchild(li);
}

容器[url [1]] .c.appendChild(出);
}

返回{ doit:doit }
}();

你可以查看正在运行的脚本下载它供你自己使用。您所需要做的就是将它添加到任何带有一个或多个SlideShare嵌入代码的文档底部。脚本的作用如下:

slideshareTranscripts = function () {
var div=document.getElementsByTagname('div');

我们得到所有的DIV页面中的元素(使用CSS查询这些天,但让我们防弹)。

为了找出哪一个div是Slideshare Embed,我们检查一个包含__ss因为嵌入代码有一个从这个开始的ID。

我们要做的就是找出幻灯片的网址。这是需要的,因为有两个原因:第一,我们想要检索转录本,第二,我们需要一种匹配返回数据的方法钇铝石榴石有了正确的DIV容器。

生成的脚本节点一个接一个地加载是不安全的,这可以确保将正确的脚本添加到正确的幻灯片中。

所以,我们要做的是检查DIV,获取第一个链接,从中检索URL,存储DIV在名为containers的对象中,使用URL作为属性名。此属性获取正确的DIV作为其价值。我们需要做的就是通过获取()


var容器=
(var = 0; div[我];我+ +){
if(div[i].id.indexof(''uuu ss')!==- 1){
var slideurl=div[i].getElementsByTagname('a')[0].href.split('?')〔0〕;
containers[slideurl]=c:div[i],id_
获取(SLIDEURL);
}

}

这个获取()方法是您的普通脚本节点生成函数,该函数调用YQL API并定义slidesharescripts.doit()。作为回调参数。这意味着脚本将生成一个脚本节点,点它钇铝石榴石,YQL然后从SlideShare获取转录信息,把它变成杰森和电话dot()将记录信息作为参数。


函数get(url)
var url='http://query.yahooapis.com/v1/public/yql?'+
'format=json&callback=slidesharescripts.doit&q='+
“选择% 20强,p % 20从% 20 html % 20 % 20 url % 3 d % 22 +
编码组件(slideurl)+
'%22%20和%20xpath%3d%27%2f%2fol%2fli%27&';
var s=document.createElement(“script”);
S.SRC= URL;
s.type='text/javascript';
document.getElementsByTagname('head')[0].附件子项;
}

doit()的任务是生成正确的标记并将其注入嵌入代码中。我们创建一个有序列表并循环所有li元素。我们创造了配件HTML为每个列表项编写代码,并将内容作为文本节点添加(innerhtml将尝试呈现幻灯片中使用的标记,这不是一个好主意)。

然后我们取回URL从uri属性中,将列表作为新的子节点添加到容器对象中先前存储的容器div中。

新台币
函数doit(o)
var out=document.createElement(“ol”);
var lis=o.query.results.li;
对于(var i=0,j=lis.长度;i var li = document.createElement(' li');
var strong=document.createElement(“strong”);
var p = document.createElement(' p');
strong.appendChild(document.createTextNode(lis[i].strong));
p.AppendChild(document.createTextNode(lis[i].p));
li.附属物(强);
li.附属物(p);
out.appendchild(li);
}

var url=decodeuricomponent(o.query.uri).split(“”);
容器[url [1]] .c.appendChild(出);
}

返回{ doit:doit }
}();

就是这样。当然,您可以通过只匹配ol并使用innerhtml一次性写出列表来简化这一过程,但是这个解决方案也允许您更改HTML列表的输出—例如—使每个http://example.com都成为一个链接。

抄写快乐!

幻灯片共享列表WordPress插件

星期一,6月30日,二千零八

我想在博客上列出我在SlideShare上的所有演示文稿,然后开始使用幻灯片美国石油学会在认真。因为我没能把结果写进博客里,我用一个WordPress插件包装它们,以防您还想列出您的Slideshare成就。

您可以在演示页面下面是截图:

使用wordpress的slidesharelist插件创建的演示文稿列表的屏幕截图

请注意,我提供了一个到Easy SlideShare的链接作为一个选项,这样盲人用户就可以只访问文本,而不必尝试理解Flash嵌入。这个美国石油学会实际上有一个转录元素,但目前还没有内容。会很酷看到它被启用:)

更新:插件现在还允许你复制和粘贴“WordPress”代码从SlideShare到任何WordPress博客运行这个插件。

只需复制并粘贴slideshare提供的wordpress代码到任何运行这个插件的博客文章中,就可以得到一个漂亮的显示

这张截图显示了一个帖子的初始状态CSS看起来像:

此插件显示的幻灯片共享演示文稿的屏幕截图(关闭状态)

当您单击“此时此地”链接时,您将获得“普通”幻灯片共享体验:

此插件显示的幻灯片共享演示文稿的屏幕截图(显示状态)

插件是开源的,BSD如果你想使用它,你需要从Slideshare获取开发者密钥

一旦你有了这些,只需改变变量幻灯片共享列表-config.php相应归档。如果SlideShare给了你一把“minor”的钥匙和一个“I really like Weird Al Yankovic”的秘密,那么你就必须改变:

      关键= '你的美元钥匙”;
$secret='您的秘密”;
美元apiurl = ' http://www.slideshare.net/api/1/ ';
?>

致:

      美元关键=“小”;
$secret='我真的很喜欢奇怪的扬科维奇';
美元apiurl = ' http://www.slideshare.net/api/1/ ';
?>

你只需要这么做,简单地文件传输协议把整个文件夹转移到WordPress的插件目录中,激活WordPress中的插件。

在博客文章或页面中显示演示文稿列表只需添加以下内容:

[*Slideshare用户名金额]

例如,下面是我最新的5张幻灯片:

[*幻灯片共享-Cheilmann-5]

另一个选项是复制并粘贴一个演示文稿到博客文章中。您可以使用以下语法:

[*幻灯片共享演示文稿:url]

例如,我的“创建快乐小网站”演示文稿:

[*幻灯片分享演示:http://www.slideshare.net/cheilmann/creating-happy-little-websites]

或者,您可以使用SlideShare为您提供的复制和粘贴代码,用于从SlideShare演示页面本身托管在SlideShare上的博客。例如,我在Ankara开源活动中的演示文稿“Yahoo is open for developers”:

[*幻灯片共享ID=477388&doc=opensourceAnkara-1213971414957829&w=425]

这是从:

http://www.slideshare.net/cheilmann/yahoo-is-open-to-developers

新1.10:

根据以下评论的要求,现在还可以列出标签和组的幻灯片。语法如下:


[*幻灯片共享组:组:金额]

例如:


[*Slideshare Group:雅虎开发者网络:3]

如果你想看到某个标签的幻灯片:


[* slideshare-tag:{标签}:{})

例如:


(* slideshare-tag: ajax: 3)

黑客Slideshare的嵌入添加了一个预览,并大大缩短和可读性。

星期四,4月17日,二千零八

编辑: 脚本中有一个bug(请参阅注释),但是GoogleCode不允许我编辑自己的文件。一旦我解决了这个问题,我就会解决它。在评论中报告的错误现在已经修复,可悲的是,我还不得不重新编写转换器,因为谷歌代码不允许我替换旧版本的下载(或者有什么诀窍?).新文件称为预览2.JS

正如本博客的读者所知,我非常喜欢幻灯片作为我的演示幻灯片的分发平台。然而,这件事有些事使我烦恼。

其中之一是Slideshare提供的相当详细的嵌入代码:



这是一个相当大的问题,主要的问题是当您在一个文档中使用多个幻灯片嵌入时,您将减慢页面的呈现速度,因为每个Flash嵌入都需要实例化,并尝试预缓存S3中的前三张幻灯片。

我已经分析了一些代码,添加了一些我在RSS并设计了一个小JavaScript,以不同的方式嵌入幻灯片。你只需要以下代码:



这使SlideShare具有相同的功能SEO链接爱情,但要添加的要少得多。而不是整张幻灯片,你会得到一个预览图像,你可以点击它来替换为Flash电影。以下是示例:

现在,为了把一个转换成另一个你可以用手来做,或使用幻灯片共享嵌入转换器或安装Greasemonkey脚本

到目前为止,这是一个黑客,但我和乔纳森·鲍特尔昨天晚上,在旧金山JavaScript MeTUP上,他很高兴能进一步研究这个想法。我的愿望清单:

  • 更大的预览图像
  • 休息美国石油学会调用它以可读的方式提供此信息