welog icon indicating copy to clipboard operation
welog copied to clipboard

新的 Feature: 图文声视并茂的 welog

Open kevingzhang opened this issue 10 years ago • 16 comments

我们现在的最基本版本的 welog 只有一个 title 加上一个 body. 而且还是纯文字. 这个太原始了. 我的提议是进一步变成包括文字, 图片, 音频和视频的多媒体微信 blog

实现方法是:

  1. 原来的 body 变成一个数组 [segments]. 每个元素是一个 Segment 对象
  2. 每个 Segment 对象有4种类型(都是从 SementBase 中继承出来的). 文字, 图片, 声音 , 视频
  3. 在 PostView 里面就按照数组的顺序挨个显示排列下去. 所有 Segment 都是等宽(全宽), 每个 Segment 之间间隔15px.
  4. 在 NewPost 里面用户可以点 + 然后给出4个选择(文, 图, 音, 视). 然后选择某个类型, 进入新增 Segment.
  5. 新增 Segment 可以编辑文字, 插入图片或者照相, 录制音频或者视频 .
  6. 完成的 Segment 点"done" 然后, 这个 Segmetn 就被假如到 body 的 Segments 数组中.
  7. 允许插入和删除某个 Segment.
  8. 进一步, 文字可以有格式. 基本的 Header, Bold, Color , Border 即可. 不支持更加复杂的格式

大家谁有兴趣做, 请 Coments 一下.

kevingzhang avatar Feb 15 '15 05:02 kevingzhang

这个新 feature 很酷啊,我有兴趣研究一下,不过最好能有一个demo(例如图片),然后我们再添加其他类型。

limingth avatar Feb 16 '15 17:02 limingth

等我晚上如果有空, 先改动一些. 我就担心几个人一起改, 结果就很难 merge 所以, 哪位如果开始动手了, 在这里写一下, 一家错开

kevingzhang avatar Feb 16 '15 17:02 kevingzhang

:+1: 赞,framework 还得是老大写啊

limingth avatar Feb 16 '15 17:02 limingth

其实我的 comments 已经就是 design doc 了. 只是没有写代码而已

kevingzhang avatar Feb 16 '15 18:02 kevingzhang

报个到先~~

2015-02-16 10:00 GMT-08:00 kevingzhang [email protected]:

其实我的 comments 已经就是 design doc 了. 只是没有写代码而已

— Reply to this email directly or view it on GitHub https://github.com/kevingzhang/welog/issues/9#issuecomment-74548674.

harlyluyar avatar Feb 16 '15 22:02 harlyluyar

老大,要图片,音频和视频直接存入mongodb的body数组?这样db岂不很大?

在 2015年2月14日 下午9:46,kevingzhang [email protected]写道:

我们现在的最基本版本的 welog 只有一个 title 加上一个 body. 而且还是纯文字. 这个太原始了. 我的提议是进一步变成包括文字, 图片, 音频和视频的多媒体微信 blog

实现方法是:

  1. 原来的 body 变成一个数组 [segments]. 每个元素是一个 Segment 对象
  2. 每个 Segment 对象有4种类型(都是从 SementBase 中继承出来的). 文字, 图片, 声音 , 视频
  3. 在 PostView 里面就按照数组的顺序挨个显示排列下去. 所有 Segment 都是等宽(全宽), 每个 Segment 之间间隔15px.
  4. 在 NewPost 里面用户可以点 + 然后给出4个选择(文, 图, 音, 视). 然后选择某个类型, 进入新增 Segment.
  5. 新增 Segment 可以编辑文字, 插入图片或者照相, 录制音频或者视频 .
  6. 完成的 Segment 点"done" 然后, 这个 Segmetn 就被假如到 body 的 Segments 数组中.
  7. 允许插入和删除某个 Segment.
  8. 进一步, 文字可以有格式. 基本的 Header, Bold, Color , Border 即可. 不支持更加复杂的格式

大家谁有兴趣做, 请 Coments 一下.

— Reply to this email directly or view it on GitHub https://github.com/kevingzhang/welog/issues/9.

harlyluyar avatar Feb 16 '15 22:02 harlyluyar

老大有没有些对音频视频进行操作的例子给我们学习一下先? 我前一阵断断续续读过一些code,感觉收获很多

在 2015年2月16日 下午2:31,guiqiang dong [email protected]写道:

老大,要图片,音频和视频直接存入mongodb的body数组?这样db岂不很大?

在 2015年2月14日 下午9:46,kevingzhang [email protected]写道:

我们现在的最基本版本的 welog 只有一个 title 加上一个 body. 而且还是纯文字. 这个太原始了.

我的提议是进一步变成包括文字, 图片, 音频和视频的多媒体微信 blog

实现方法是:

  1. 原来的 body 变成一个数组 [segments]. 每个元素是一个 Segment 对象
  2. 每个 Segment 对象有4种类型(都是从 SementBase 中继承出来的). 文字, 图片, 声音 , 视频
  3. 在 PostView 里面就按照数组的顺序挨个显示排列下去. 所有 Segment 都是等宽(全宽), 每个 Segment 之间间隔15px.
  4. 在 NewPost 里面用户可以点 + 然后给出4个选择(文, 图, 音, 视). 然后选择某个类型, 进入新增 Segment.
  5. 新增 Segment 可以编辑文字, 插入图片或者照相, 录制音频或者视频 .
  6. 完成的 Segment 点"done" 然后, 这个 Segmetn 就被假如到 body 的 Segments 数组中.
  7. 允许插入和删除某个 Segment.
  8. 进一步, 文字可以有格式. 基本的 Header, Bold, Color , Border 即可. 不支持更加复杂的格式

大家谁有兴趣做, 请 Coments 一下.

— Reply to this email directly or view it on GitHub https://github.com/kevingzhang/welog/issues/9.

harlyluyar avatar Feb 16 '15 22:02 harlyluyar

当然不能存图片音频视频到 mongodb 中. 应该采用的是 CFS https://atmospherejs.com/?q=cfs 里面的几个 package, 存储到 S3. 不过才 Lean startup 的初级阶段, 就算存入 Mongo 也没啥关系. 关键在于做出来, 有人用, 证明这东西不是垃圾, 然后在调优, 减少服务器负担. 这个就是我上次创业失败几 M 美元换来的教训.

kevingzhang avatar Feb 16 '15 22:02 kevingzhang

第一步要做的就是把 body 变成数组. 第一步数组里面只保存一个section, text 的 section. 然后保持现有功能都可以跑. 然后再修改成为多个 section 类型

kevingzhang avatar Feb 16 '15 22:02 kevingzhang

恩,有道理。 看起来改用cfs的工作量不小喽?

在 2015年2月16日 下午2:39,kevingzhang [email protected]写道:

当然不能存图片音频视频到 mongodb 中. 应该采用的是 CFS https://atmospherejs.com/?q=cfs 里面的几个 package, 存储到 S3. 不过才 Lean startup 的初级阶段, 就算存入 Mongo 也没啥关系. 关键在于做出来, 有人用, 证明这东西不是垃圾, 然后在调优, 减少服务器负担. 这个就是我上次创业失败几 M 美元换来的教训.

— Reply to this email directly or view it on GitHub https://github.com/kevingzhang/welog/issues/9#issuecomment-74583511.

harlyluyar avatar Feb 16 '15 22:02 harlyluyar

先来报个到,这几天恶补一下尽快归队做贡献啊。 请问最新的版本有上线呢?

ayangyuan avatar Feb 16 '15 22:02 ayangyuan

CFS 其实很容易, 我以前做过, 就是看 sample code 就行了, 但是我不觉得现在阶段有必要. 所有不影响用户现阶段理解产品的体验的东西, 就不是重要的东西.

kevingzhang avatar Feb 16 '15 23:02 kevingzhang

@ayangyuan , github不是都有吗? 直接看 github 就知道了什么变化了

kevingzhang avatar Feb 16 '15 23:02 kevingzhang

是的。我的意思是,我们线上welog.us有没有再发布过?

ayangyuan avatar Feb 16 '15 23:02 ayangyuan

那个机器是临时的. 看 welog.meteor.com

kevingzhang avatar Feb 16 '15 23:02 kevingzhang

还差那个从相册中取照片了.

kevingzhang avatar Mar 02 '15 04:03 kevingzhang