Chèn Audio và Video trong Drupal với TinyMCE's Media Plugin

Chèn Audio và Video trong Drupal với TinyMCE's Media Plugin

If you have TinyMCE installed on your Drupal site, you have all you need to upload and play audio and video files. CMS Drupal, Audio, Video, TinyMCE's Media Plugin

The Media module is a good option for sites with more advanced audio and video needs, but if your needs are straightforward, then TinyMCE will work for you.

In this tutorial, we're going to show you how to upload and display an .mp3 audio file and a .swf video file inside Drupal content.

Step 1: Make sure you have TinyMCE and IMCE installed

tutuploadsmedia_1338352560572.png

Step 2: Activate the TinyMCE buttons and plugins

  • Go to Configuration > Content authoring > Wysiwyg profile manager.
  • Click Edit on the profiles that you use.
  • Check Advanced Image.
  • Check IMCE.
  • Check Media.
  • Scroll to the bottom and click Save.
tutuploadsmedia_1338352732797.png

Step 3: Usign the TinyMCE media option

  • Go to Content > Add New and create a page, article or other content type that will use the editor.
  • Click the filmstrip icon.
  • Choose HTML5 Audio from the dropdown box.
tutuploadsmedia_1338353173110.png
  • Click the Browse Icon.
  • If you've installed IMCE you will be able to see this icon. If you don't see it, you need to install IMCE.
tutuploadsmedia_1338353440379.png
  • Choose a directory to upload to.
  • Click Upload.
  • Choose the file to upload from your computer.
tutuploadsmedia_1338353531311.png
  • Highlight the file.
  • Click Insert File.
  • Go to the Advanced tab.
tutuploadsmedia_1338353638344.png
  • Configure the player.
  • Be sure to at least choose Controls by checking the box.
  • Save your work.
  • View the result on your website.
tutuploadsmedia_1338353705847.png
  • You'll see the audio player on your site.
  • Repeat the process for the video.
tutuploadsmedia_1338353842008.png
  • This time choose Flash.
  • Search for a swf file.
  • Adjust the advanced tab.
  • Insert the file.
  • Save.
 
tutuploadsmedia_1338357622259.png
Congratulations. You've now inserted both the audio file and the swf file into the content.

tutuploadsmedia_1338357771044.png

 

Bạn thấy bài viết này như thế nào?: 
No votes yet
Ảnh của Tommy Tran

Tommy owner Express Magazine

Drupal Developer having 9+ year experience, implementation and having strong knowledge of technical specifications, workflow development. Ability to perform effectively and efficiently in team and individually. Always enthusiastic and interseted to study new technologies

  • Skype ID: tthanhthuy

Tìm kiếm bất động sản

 

Advertisement

 

jobsora

Dich vu khu trung tphcm

Dich vu diet chuot tphcm

Dich vu diet con trung

Quảng Cáo Bài Viết

 
Dev dự án Pebble Application to Record a Geo Location in Drupal

Dev dự án Pebble Application to Record a Geo Location in Drupal

This tutorial describes how to build a Pebble "smart watch" application for a Drupal website using the PebbleKit Javascript Framework.

Lịch sử module Drupal Statistics, thống kê truy cập

Lịch sử module Drupal Statistics, thống kê truy cập

Admittedly this was after in 2011 I tried to get the module removed from Drupal core.

HTC ChaCha Review

HTC ChaCha Review

The HTC ChaCha is definitely a new generation smart phone that is facebook focused, probably as a result of the fact that mobile phone manufacturers have realized that social networking is a great selling point.

Công ty diệt chuột T&C

 

Diet con trung