Drupal 8 IMCE

10/02/16

参考:

https://www.drupal.org/project/imce

这一页上How to integrate into WYSIWYG editors下所罗列的两种方法,其中需要的Modules都还没有D8版本。

20161108

注意,以上是两个module,一个是IMCE,另外一个是WYSISYG

我先来研究IMCE

今天使用全新安装的Drupal之后马上安装IMCE,之后出现在Media下面

55e-tm

启用之。

在启用之前,Editor里面的按钮布局如此

e8ea-tm

 

目前点击这里面image这个button,出现画面如下

7d2-tm

没有Browser Server这个按钮。

现在我们到Configuration –> Media —-> IMCE File Manager下面去看看

在这一页我先编辑这个Admin profile

105e-tm

没有什么好编辑的,目前的就挺好。

下面参照这个文章继续向下

http://ufku.com/drupal/imce

 

现在到

Configuration —-> Content authoring —-> Text formats and editors

路径为/admin/config/content/formats

编辑Basic HTML

在Toolbar configuration这里把available button里面的这个”Insert images using Imce File Manager”按钮拖动到下面的Media框里面去,

a8e7-tm

注意,这样在media里面出现了两个image按钮,看看效果再决定是否需要原来的那个。

现在去前台点击这个按钮,出现如下画面,是我想看到的效果

579f-tm

 

在这个画面里面的Upload 按钮点击后可以上传本地文件,所以原来的那个image文件没有必要保留了,去掉。

 

Comments (0)

Drupal 8 使用Media处理视频

09/30/16

Media这个module看起来功能很丰富,为了避免混淆,在安装之前,我先把网站恢复到Drupal刚安装完毕的状态。

参考文献:

https://www.gitbook.com/book/drupal-media/drupal8-guide/details

https://www.drupal.org/documentation/modules/media

https://www.drupal.org/node/2276059

目前media的版本号为8.x-1.x-dev,还处于development release状态。

Media module竟然需要这么多module, 一个个装吧

qq-photo20160930032813

注意:安装dropzonejs modules,需要下载它相关的library

下载后最终目录结构为/libraries/dropzone.min.js

这个js文件要放在这个目录结构下。

多次尝试后终于成功的启用了Media这个module,既然这么麻烦,不想以后重新装,做次备份。

Comments (0)

Drupal 8 使用Video Embed播放视频

09/29/16

参考文献

https://www.ostraining.com/blog/drupal/d8-embeds/

Video Embed Field是Drupal用来播放第三方视频的module.

经过安装,创建content type,并选择合适的display,测试,它无法播放我本地存储的视频。

截图如下

qq-photo20160929162059

应该用来播放优酷视频是可以的,但是这不是我想要的。

注:此module是media这个module的一部分。

Comments (0)

Drupal8 使用video.js播放视频

09/28/16

继续研究一下video.js,与JW Player做一个对比。

参考文献:

http://www.bentedder.com/add-html5-video-support-to-drupal-7/

http://www.zyxware.com/articles/4022/how-to-install-and-configure-a-html5-video-player-for-your-drupal-site-using-video-js

http://www.coolestguidesontheplanet.com/downtown/getting-videojs-working-drupal-7

 

Step1: 安装启用 Video.js模块

当前版本为8.x-1.0

下载安装启用后,并没有提示要video.js这个library的提示,这是怎么回事?我先假装没问题,继续向下进行。

Step2: 增加一个使用video.js播放视频的content type

qq-photo20160928070938

Step3: 对这个content type添加一个video字段

qq-photo20160929070903

因为在JW Player那一篇中我使用了video作为field里的名称,所以这里我换一个名称叫vjs_video

Step4: 更改此field显示方式

在Manage display里把format改为Video.js player

qq-photo20160929071549

Step5: 现在去创建一个这个类型的Content, 效果如下

qq-photo20160929072019

视频播放器的大小尺寸倒是何时,但是那几个问题还是没有解决

  1. 缩略图?
  2. 字幕加载?
  3. 这个皮肤效果差强人意,但是这个播放Button的位置好奇怪。

并且video.js也并未解决我想通过ftp上传,输入链接地址的方式播放视频的效果。

这两种播放方式的对比目前看来还无法得出高低之分,待研究。

 

发现一个问题,当把视频全屏时,图像本身没有全屏

qq-photo20160929072325

Comments (0)

Drupal8 使用JW Player播放视频

09/27/16

当前Drupal版本为8.1.10

JW Player module版本为8.x-1.0-beta4

下载module

https://www.drupal.org/project/jw_player

解压缩后发现需要Libraries模块

https://www.drupal.org/project/libraries

发现此module目前的V8版本还处于Development releases

版本号为8.x-3.x-dev

 

现在到

http://www.longtailvideo.com

去下载jw player

我在这个网站是使用carlosun@gmail.com注册的

下载一个文件为jwplayer-7.6.1.zip

https://dashboard.jwplayer.com/#/players/downloads?property=ffd68ea0-835e-11e4-b6c8-12dd763dfb98

中可以看到自己的License key

 

启用JW Player这个module之后,到

/admin/reports/status

这里可以看到如下错误提示

  • The file jwplayer.flash.swf is not present in the directory
  • The file jwplayer.js is not present in the directory
  • The file jwplayer.html5.js is not present in the directory

Please consult INSTALL.txt for installation instructions.

下载的zip文件解压缩后带着版本号,修改名称为jwplayer后刷新status页面后,错误提示如下

  • The file jwplayer.html5.js is not present in the directory sites/all/libraries/jwplayer

Please consult INSTALL.txt for installation instructions.

错误减少了,但是还是缺少一个js文件,进入libraries/jwplayer目录下发现确实没有这个文件,但是有一个provider.html5.js这个文件,不知道是不是一样的。

 

经查询以上问题没有得到解答,我使用cp provider.html5.js jwplayer.html5.js命令无耻的创建了一个同名文件,目前看来这个恼人的错误提示没有了,但是工作起来是否正常尚未可知,待观察。

但是查询的结果这个js是对flv?或者特定后缀的视频文件起作用的,由于我只用mp4格式,先不管它。

 

2016/09/28


先整理一下思路。按照我的设想,我并不想通过在页面上传这种方式来把视频嵌入到播放器中。我设想的是使用FTP方式把视频上传,然后在页面里的某个对话框、或者播放器中的某个对话框里输入视频文件的相对路径就好。

按照这种思路,很可能我应该使用Third party hosted这种思路,因为无论host在哪里,最终我输入的是一段链接,所以对于站点来说,都可以看作是第三方链接。也就是说目前我设想的local hosted的想法可能是有误的,因为很可能作为local host的话,都会是在页面里面上传视频,但是这并不是我想要的。

不过既然已经进行到这个地步,我先把JW Player研究明白再说吧。

接下来要做的是创建一个新的Content type, 加一个JW Player的字段/容器。


创建一个名为“Video playing with JWP”的Content type如下

第一步如下,只输入Name和Description,其余保持默认。

qq-photo20160928070938

中间的步骤没有记录,都记录有点罗嗦。

只是发现一定要对JW Player的preset进行定义,不然页面无法显示,出现HTTP 500的错误。

定义的路径在

Admin —-> Configuration —-> Media —-> JW Player presets

 

目前遗留问题有

  1. JW Player的默认皮肤与大小都感觉很奇怪,是否business version有可以调整的地方?
  2. 字幕的加载与控制?
  3. 视频本身的缩略图如何生成?

留待方案确定之后再研究。

Comments (0)