Posted by opegasus on January 10, 2011 at 6:36pm
Thanks to Roxane Rinard of Developing Wings for sending along this video link. It is an early peek at the media functions adopted in core Drupal 7.
Early look at Drupal 7's media incorporation in core.
Comments
Media manager in Core D7 1/3 the way there? No UX beyond upload?
Wow having a blast with D7!
I went to play with the media manager core and was stumped to find it only uploads-attaches? When I went to the CKeditor (WYSIWYG) for the node edit, the image showed in the manager but was un-addressable in the editor. Heck it doesn't even show in 'source'?
Now I know that coding it all out is a challenge and a half (above my paygrade to boot!) but heck just being able to upload media is all but useless unless the end user can manipulate/style the image/media right there without having to learn css, etc.
Am I missing something here? I have checked all the doc's and video tutes I can find but nothing about this last crucial step(s)?
CKEditor Settings
Christopher,
Check the settings for the CKEditor WYSIWYG implementation.
admin/config/content/wysiwygand then click on Edit for your WYSIWYG implementation. Under the Buttons and Plugins section, make sure the Media Browser box is checked. That Media Browser, now apparent in the toolbar of your WYSIWYG implementation, will allow for easy point-and-click uploading and insertion of media (including images) in any pre-configured image size.Best,
Scott
Scott Rouse
http://about.me/scott.rouse
I installed WYSIWYG and then
I installed WYSIWYG and then put CKEditor in the libraries folder. It all seems to be installed properly. I am not seeing a Media Browser listing in the Buttons and Plugins section. Am I missing something?
Seph
Media
Do you have the Media module installed?
Scott Rouse
http://about.me/scott.rouse
Did you ...
...see the videos on all the stuff to address? There are changes to files (minor) that get to be made so your site knows what is where, cookies, yadda-yadda.
Plus is this D6 or D7? Is this a base install (www.mysite.com) or a sub-domain install (www.funtimes.mysite.com) because that makes another difference as well.
It's a bit 'tweaky' at first but the benefits of having that browser/client-side upload is well worth it IMO.
That did it... Thx! Now
That did it... Thx! Now checking on integrating Plupload.
Plupload
I've never had much luck with Plupload, though I've had high hopes. Let us know how it goes.
Scott Rouse
http://about.me/scott.rouse
My bad?
Thanks Scott!
I apologize, didn't explain it very well.
Before one even loads a WYSIWYG editor (WYSIWYG, CKeditor, etc.) there is now a built in image upload in the core editing of a node. "Upload an image to go with this article"
I didn't (originally) load an editor nor CKfinder in D7 so I could try out the new core image upload section.
After selecting an image and uploading it, the image is added to the node ("article") but I can't edit the picture directly in the editing window of that specific node. I can edit the (Home » Administration » Configuration » Media » Image styles) but not the individual image. As you know with CKEditor and CKFinder one can manipulate/edit each image separately in the actual node ("article") editing page (node) but apparently not so with the core uploader.
As well when I open that specific node that the image was uploaded to, it doesn't even show in the editor as a WYSIWYG nor in 'source' code. So it appears that the image is attached (as if it was nid referenced-attached) but not actually in the node.
Ergo one cannot address placement (Align) of the image nor any other advanced settings.
So my only point is that by it's self, the core D7 upload for each post-node is all but useless as is.
Now we move on to UX and the end user can't do diddly with the picture except upload it (or delete it) and take what they get as far as placement (inside the node-"article") and size as pre-determined by the media manager settings.
So it's skipping the core uploader and using CK editor/finder.
BTW I do appreciate your directions and they would probably work but I installed CKeditor directly along with CKfinder and skipped installing WYSIWYG module altogether. That combo works just fine.
Thanks mucho for the reply!
Christopher
Ckfinder
I've not used CKfinder. As you and I've discussed in the past, it seems to be best practice to use the WYISIWYG module along with editor plugins (such as CKEditor) rather than direct use of the CKEditor module. That being said, I do see that CKEditor got updated for Drupal 7, so it may be experiencing a bit of a resurgence in popularity.
The inability to align images within the editor is a non-issue if you're not using a WYSIWYG-type editor anyway. A user would have to use inline CSS styles to align an image without a WYSIWYG editor to do that for them.
I guess I'm not sure what the issue is.
Scott Rouse
http://about.me/scott.rouse
I guess a
Skype or f2f is in order since I am unable to communicate this clearly.
Here is a tute video you can watch on CKfinder. It is 6 mins long and you can skip to 3:24 to see it after installation. This will show you the basic editing-uploading capabilities of CKfinder installed (as a pluggin?) to CKeditor. That is what I am comparing (especially UX wise) the core D7 image upload to.
Of course you can watch the whole video but might bore you on the install-config part.
http://jesox.com/posts/how-install-ckfinder-ckeditor-drupal
I'll take a look
Good deal. I'll take a look at some point to see what we can come up with.
Scott Rouse
http://about.me/scott.rouse
Since we are on the subject..
...I have some screencasts I'd like to host on the clients site. They are tutes just for them, ergo I'd rather not Youtube them and embed.
The question is, how exactly does one link or embed them into a node? I tried 'video' but the upload is topped at 7mb and then FTP but can't get the proper code to get it to render in the node.
I have added Video Filter as well but to no avail.
So what is the proper way-tag, yadda-yadda? It's in a 6X install. I believe I have all the proper switches turned on. I desire to get the tutes working this weekend or Monday so if there is a short answer, please holler back!
Thanks again Scott!
Emfield
Christopher,
Sorry I didn't get back to you yesterday. Hope it's not too late.
Have you tried the Embedded Media Field module? It includes a sub-module of Embedded Video Field which you'll want to enable.
Media Mover is a bit of a complicated module, but it allows you to import media from an FTP directory.
As you know, video files can be a bit large to upload through the normal HTTP (webform) method without tweaking your PHP's max_upload_size variable. You can upload directly via FTP, as you've done, then figure out the URL for embedding. For example, if your site is at
http://example.comand you upload your a video via FTP to the traditionalsites/default/files/video/my_vid.mov, the direct link to your video would behttp://example.com/sites/default/files/video/my_vid.mov.Many WYSIWYG editors have a Video option which allows you to directly enter the video's URL and embed a pre-configured player into the node. It's acceptable, however, to just link directly to the video which would either play in the viewer's browser window or download and allow them to play locally, depending on the video type and their system configuration.
-Scott
Scott Rouse
http://about.me/scott.rouse
Thanks..
...I will play with the modules later.
I did not want to even attempt to rewrite php scripts and especially on a live site. Way above my paygrade currently. I will keep you informed.
PHP
I understand the PHP hesitation...trust me. That being said, being able to set some of those values (
upload_max_filesize,post_max_size, and, in particular,memory_limit) is an important technique, even for non-programmers.This article discusses changing upload size variables in your php.ini file. This link can help you change the PHP memory limit (which can be a really important value to keep Drupal running smoothly). It can be as simple as adding
php_value memory_limit 96Mto your .htaccess file.Scott Rouse
http://about.me/scott.rouse
Php Code
Chris, I'll show you how. No worries.
Thanks one and...
...all. Sadly I created and uploaded to Youtube and used the video tag. Still want to learn this though.
What I used=
[video:http://www.youtube.com/watch?v=2gUT_v-phFU; align:center]
My thoughts
IMO easiest way to do this:
Here's a (non-Drupal-centric) blog post on how to do this with Viddler:
http://www.seodenver.com/embed-protected-video/
You'd probably follow that tutorial through step 5, then copy and paste the 'secret' URL into the embedded media field when you're adding your node.
It appears that such a thing is possible with Vimeo as well, but possibly only with the paid Vimeo plus, I'm not sure, see:
http://vimeo.com/forums/topic:30675
Haven't taken the time to explore whether there's any way to embed a Youtube private video…
Does that help? If at all possible, I'd recommend not uploading, transcoding, storing, streaming the videos from your own server. Especially for a few videos like this, where video isn't a focus of the site. That means not using the video or media mover modules. Take advantage of the free video services, and all the work that's been done in Embedded Media modules to automagically embed from just a URL.
I actually like the Video Filter module too, but would only recommend it over Embedded Media field if embedding the video at an arbitrary position within a node body is a necessity.
Thanks again...
....everyone! Much to explore and learn.
Back to the original post...
....thanks to Roxane Rinard for sending along this link regarding inline images. Bob of Mustardseed fame has an older screen-cast that shows the Filefield module in place and at work. Looks like it will work in Drupal 7 as well but I haven't yet played with it.
So this might solve the image UX issue I brought up regarding core image handling.
http://mustardseedmedia.com/podcast/episode29