让post不局限于文字，完善属于你的自己的富媒体 by jubi

View this thread on: hive.blog | peakd.com | ecency.com

cn · @jubi · Jun 30 '17

$1.32

让post不局限于文字，完善属于你的自己的富媒体

<html>
<blockquote>&nbsp;富媒体，即<strong>Rich Media</strong>的英文直译，本身并不是一种具体的互联网媒体形式，而是指具有<a href="http://baike.baidu.com/item/%E5%8A%A8%E7%94%BB">动画</a>、<a href="http://baike.baidu.com/item/%E5%A3%B0%E9%9F%B3/33686">声音</a>、<a href="http://baike.baidu.com/item/%E8%A7%86%E9%A2%91">视频</a>和/或交互性的信息传播方法。&nbsp;</blockquote>
<p>单一的文字往往无法达到传播信息的作用，steemit每天产生万计的帖子，当中99%都是纯文字的，虽然我们不能否定它们的价值，但阅读疲劳会让我们无法进行有效的信息获取，从而自动忽视本该很重要的文字。so，为何不试试加入一些富媒体元素，like，视频，音频。</p>
<p>cn社区里面，最喜欢加入音频的是 <strong>@ace108</strong> ，每篇文章不仅仅图文并茂。同时还有一首好歌。这样的作者，想不让人记住都很难。</p>
<p><strong>那么如何添加视频或者音频呢？</strong></p>
<p>目前steemit仅仅支持三家的 框架代码，也就是只有这三家网站的内容可以在steemit进行显示。分别是youtube、 &nbsp;Vimeo, 和 SoundCloud (仅支持embed ) 。</p>
<p><strong>从这三家获取的代码，怎么插入，插入到哪儿？</strong></p>
<ul>
  <li>在正常编辑模式下，点击右上角 raw html&nbsp;</li>
  <li>然后找到你想插入代码的位置插入。整段文章通常以&lt;/p&gt;结束，所以如果你插入代码，请在这个后面。</li>
</ul>
<p><img src="https://steemitimages.com/DQmZjorT8zc8uWASZLveyhFPmmNmGgwEUA8RD8QkCfMgnWg/360%E6%88%AA%E5%9B%BE20170630204316206_%E5%89%AF%E6%9C%AC.jpg" width="400" height="164"/></p>
<p><strong>那么下面看看如何获取，视频或者音频代码</strong></p>
<p><strong>1）youtube（ www.youtube.com/ ）</strong></p>
<ol>
  <li>打开视频页面。找到视频下方的分享 按钮，点击打开。</li>
  <li>找到嵌入按钮，打开。</li>
  <li>看到的&lt;iframe&gt;开头的就是代码，复制。然后回到steemit插入！</li>
</ol>
<p><img src="https://steemitimages.com/DQmWoPeW293i5C2eGj4RRGNaNWbWZ3zA45HfLsiuaztqfaJ/360%E6%88%AA%E5%9B%BE20170630204316206_%E5%89%AF%E6%9C%AC.jpg" width="400" height="400"/></p>
<p><strong>2） Vimeo &nbsp;&nbsp;（https://vimeo.com/）</strong></p>
<ol>
  <li>打开视频页面，找到分享按钮，share</li>
  <li>点击打开，复制弹出的，embed里面的内容，可以选择全部复制，或者只复制&lt;/iframe&gt;,区别就是前者会有视频标题在视频下面显示</li>
</ol>
<p><img src="https://steemitimages.com/DQmSmgWGC2EyjWK7QsQmmYASLxZrdnUMZeJZcM4pZK75G3y/360%E6%88%AA%E5%9B%BE20170630204316206_%E5%89%AF%E6%9C%AC.jpg" width="400" height="400"/></p>
<p><strong>3）Soundcloud &nbsp;（https://soundcloud.com/）</strong></p>
<ol>
  <li>打开音频页面，点击share按钮</li>
  <li>选择embed按钮</li>
  <li>复制代码</li>
</ol>
<p><img src="https://steemitimages.com/DQmXYgvmd5NUhFJVVktaYm5MNNH2UHqzDe4rvV2DpXjz6X7/360%E6%88%AA%E5%9B%BE20170630204316206_%E5%89%AF%E6%9C%AC.jpg" width="400" height="400"/></p>
<p><br></p>
<p>so easy，获取代码，然后插入代码。就是这么简单。但是有个小问题，那就是国内用户个别可能需要翻墙。如果以后可以支持更多网站，那将是件幸事。</p>
</html>

👍 speda, lemooljiang, guyverckw, jubi, nanosesame, zack813, michelnilles, walterchow, coldhair, birrulibmc, epixar, lele2018, rainbowlin, jixubenpao

`author`	jubi
`permlink`	post
`category`	cn
`json_metadata`	{"tags":["cn","howto","youtube","life"],"users":["ace108"],"image":["https://steemitimages.com/DQmZjorT8zc8uWASZLveyhFPmmNmGgwEUA8RD8QkCfMgnWg/360%E6%88%AA%E5%9B%BE20170630204316206_%E5%89%AF%E6%9C%AC.jpg","https://steemitimages.com/DQmWoPeW293i5C2eGj4RRGNaNWbWZ3zA45HfLsiuaztqfaJ/360%E6%88%AA%E5%9B%BE20170630204316206_%E5%89%AF%E6%9C%AC.jpg","https://steemitimages.com/DQmSmgWGC2EyjWK7QsQmmYASLxZrdnUMZeJZcM4pZK75G3y/360%E6%88%AA%E5%9B%BE20170630204316206_%E5%89%AF%E6%9C%AC.jpg","https://steemitimages.com/DQmXYgvmd5NUhFJVVktaYm5MNNH2UHqzDe4rvV2DpXjz6X7/360%E6%88%AA%E5%9B%BE20170630204316206_%E5%89%AF%E6%9C%AC.jpg"],"links":["http://baike.baidu.com/item/%E5%8A%A8%E7%94%BB","http://baike.baidu.com/item/%E5%A3%B0%E9%9F%B3/33686","http://baike.baidu.com/item/%E8%A7%86%E9%A2%91","https://vimeo.com/）","https://soundcloud.com/）"],"app":"steemit/0.1","format":"html"}
`created`	2017-06-30 13:06:48
`last_update`	2017-06-30 13:06:48
`depth`	0
`children`	10
`last_payout`	2017-07-07 13:06:48
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	1.110 HBD
`curator_payout_value`	0.207 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	2,231
`author_reputation`	82,406,494,254,467
`root_title`	让post不局限于文字，完善属于你的自己的富媒体
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	6,758,532
`net_rshares`	151,216,588,358
`author_curate_reward`	""

properties (23)vote details (14)

voter	rshares	pct
speda	81,372,879,472	25%
lemooljiang	42,023,332,472	38%
michelnilles	1,059,651,087	25%
birrulibmc	918,063,166	100%
jubi	5,399,271,551	100%
coldhair	942,463,495	100%
guyverckw	10,421,799,424	34%
nanosesame	5,366,979,672	100%
zack813	2,696,243,339	100%
epixar	55,658,726	100%
walterchow	960,245,954	100%
jixubenpao	0	100%
rainbowlin	0	100%
lele2018	0	100%

@dapeng · Mar 29 '18

这一篇很有用，能否授权收录到《Steem 指南》一书里？

properties (22)

`author`	dapeng
`permlink`	re-jubi-post-20180329t051553411z
`category`	cn
`json_metadata`	{"tags":["cn"],"app":"steemit/0.1"}
`created`	2018-03-29 05:15:54
`last_update`	2018-03-29 05:15:54
`depth`	1
`children`	0
`last_payout`	2018-04-05 05:15:54
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	28
`author_reputation`	64,632,001,917,831
`root_title`	让post不局限于文字，完善属于你的自己的富媒体
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	47,214,432
`net_rshares`	0

@guyverckw · Jun 30 '17 (edited)

$0.72

<test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test >

謝謝教導。 我會試試的。

👍 good-karma

`author`	guyverckw
`permlink`	re-jubi-post-20170630t161113633z
`category`	cn
`json_metadata`	{"tags":"cn","app":"esteem/1.4.5","format":"markdown+html","community":"esteem"}
`created`	2017-06-30 16:11:15
`last_update`	2017-06-30 16:12:21
`depth`	1
`children`	0
`last_payout`	2017-07-07 16:11:15
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.712 HBD
`curator_payout_value`	0.005 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	736
`author_reputation`	121,609,723,418,181
`root_title`	让post不局限于文字，完善属于你的自己的富媒体
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	6,778,996
`net_rshares`	83,335,869,932
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
good-karma	0 B		83,335,869,932	0.05%

@jubi · Jan 13 '18

$0.87

本文已经无法编辑，当初支持的部分代码。现在不支持了。但是steemit还是继续支持显示这几个网站的视频。
如果你需要插入，只需要获取到各个视频的链接，直接插入到文章中，就会自动转义显示视频，和插入图片一样简单。

👍 jubi

`author`	jubi
`permlink`	re-jubi-post-20180113t023944734z
`category`	cn
`json_metadata`	{"tags":["cn"],"app":"steemit/0.1"}
`created`	2018-01-13 02:41:54
`last_update`	2018-01-13 02:41:54
`depth`	1
`children`	0
`last_payout`	2018-01-20 02:41:54
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.874 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	105
`author_reputation`	82,406,494,254,467
`root_title`	让post不局限于文字，完善属于你的自己的富媒体
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	29,135,274
`net_rshares`	110,878,666,925
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
jubi	0 B		110,878,666,925	100%

@lemooljiang · Jun 30 '17

插入视频什么的比较费劲

properties (22)

`author`	lemooljiang
`permlink`	re-jubi-post-20170630t144836116z
`category`	cn
`json_metadata`	{"tags":["cn"],"app":"steemit/0.1"}
`created`	2017-06-30 14:47:57
`last_update`	2017-06-30 14:47:57
`depth`	1
`children`	1
`last_payout`	2017-07-07 14:47:57
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	11
`author_reputation`	439,262,195,242,544
`root_title`	让post不局限于文字，完善属于你的自己的富媒体
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	6,769,754
`net_rshares`	0

@jubi · Jun 30 '17

$0.07

虽然麻烦，但总有需要的场景
文字太枯燥了。
这就是我希望steemit改变的地方，甚至，在post页执行代码，我都希望能够有

👍 lemooljiang

`author`	jubi
`permlink`	re-lemooljiang-re-jubi-post-20170630t144835391z
`category`	cn
`json_metadata`	{"tags":["cn"],"app":"steemit/0.1"}
`created`	2017-06-30 14:49:30
`last_update`	2017-06-30 14:49:30
`depth`	2
`children`	0
`last_payout`	2017-07-07 14:49:30
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.050 HBD
`curator_payout_value`	0.016 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	62
`author_reputation`	82,406,494,254,467
`root_title`	让post不局限于文字，完善属于你的自己的富媒体
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	6,769,965
`net_rshares`	7,782,098,605
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
lemooljiang	0 B		7,782,098,605	6%

@mumingduozi · Sep 11 '17

感恩，终于会使用了！

properties (22)

`author`	mumingduozi
`permlink`	re-jubi-post-20170911t075221457z
`category`	cn
`json_metadata`	{"tags":["cn"],"app":"steemit/0.1"}
`created`	2017-09-11 07:52:00
`last_update`	2017-09-11 07:52:00
`depth`	1
`children`	0
`last_payout`	2017-09-18 07:52:00
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	10
`author_reputation`	929,865,444,716
`root_title`	让post不局限于文字，完善属于你的自己的富媒体
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	14,531,803
`net_rshares`	0

@nanosesame · Jun 30 '17 (edited)

嗯？油管我一直都是強行網址直接複制貼上@@不知道要代碼

代碼
<iframe width="560" height="315" src="https://www.youtube.com/embed/L0MK7qz13bU" frameborder="0" allowfullscreen></iframe>
<br>

強行複制貼上
https://www.youtube.com/watch?v=L0MK7qz13bU


播放器好像有一點點分別@@

properties (22)

`author`	nanosesame
`permlink`	re-jubi-post-20170630t151456524z
`category`	cn
`json_metadata`	{"tags":["cn"],"image":["https://img.youtube.com/vi/L0MK7qz13bU/0.jpg"],"links":["https://www.youtube.com/embed/L0MK7qz13bU","https://www.youtube.com/watch?v=L0MK7qz13bU"],"app":"steemit/0.1"}
`created`	2017-06-30 15:14:57
`last_update`	2017-06-30 15:15:57
`depth`	1
`children`	0
`last_payout`	2017-07-07 15:14:57
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	227
`author_reputation`	108,906,482,282,725
`root_title`	让post不局限于文字，完善属于你的自己的富媒体
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	6,772,909
`net_rshares`	0

@rainbowlin · Jan 22 '18

tks a lot.

properties (22)

`author`	rainbowlin
`permlink`	re-jubi-post-20180122t060101919z
`category`	cn
`json_metadata`	{"tags":["cn"],"app":"steemit/0.1"}
`created`	2018-01-22 06:01:03
`last_update`	2018-01-22 06:01:03
`depth`	1
`children`	0
`last_payout`	2018-01-29 06:01:03
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	10
`author_reputation`	562,082,076
`root_title`	让post不局限于文字，完善属于你的自己的富媒体
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	31,299,876
`net_rshares`	0

@zack813 · Jun 30 '17

很有用啊！已UPVOTE+RESTEEM

properties (22)

`author`	zack813
`permlink`	re-jubi-post-20170630t133925857z
`category`	cn
`json_metadata`	{"tags":["cn"],"app":"steemit/0.1"}
`created`	2017-06-30 13:42:27
`last_update`	2017-06-30 13:42:27
`depth`	1
`children`	1
`last_payout`	2017-07-07 13:42:27
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	20
`author_reputation`	348,303,608,091
`root_title`	让post不局限于文字，完善属于你的自己的富媒体
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	6,762,391
`net_rshares`	0

@jubi · Jun 30 '17

感谢您的支持！

properties (22)