A simple video insertion tool for EditorJS

நான் உண்மையில் EditorJS ஐ விரும்புகிறேன். எனது நிலையான ஹ்யூகோ வலைப்பதிவிற்கு மிகவும் எளிமையான வலை ஹோஸ்ட் செய்யப்பட்ட இடைமுகத்தை உருவாக்க இது அனுமதிக்கிறது.

எடிட்டர்ஜேஎஸ் ஒரு எளிய தொகுதி அடிப்படையிலான எடிட்டரில் எனக்குத் தேவையானதை கொண்டுள்ளது. இது தலைப்புகள், குறியீடு மற்றும் ஹோஸ்டிங் உள்கட்டமைப்பு தேவைப்படாமல் எடிட்டரில் படங்களைச் சேர்க்க எளிய வழி கூட ஒரு சொருகி உள்ளது. இப்போது வரை, எடிட்டரில் வீடியோவைச் சேர்க்க எளிய வழி இல்லை.

நான் simple-image சொருகி களஞ்சியத்தை எடுத்து ஒரு simple-video சொருகி ( npm module ) ஐ உருவாக்க அதை simple-video (ஒரு npm module ). இப்போது நான் இந்த வலைப்பதிவில் வீடியோக்களை எளிதாக சேர்க்க முடியும்.

எடிட்டர் ஜே.எஸ் உடன் நீங்கள் மிகவும் ஆர்வமாக இருந்தால், உங்கள் திட்டங்களில் சேர்ப்பது மிகவும் எளிது. பின்வருமாறு நிறுவவும்

npm i simple-video-editorjs

நீங்கள் பொருத்தமாக இருப்பதால் அதை உங்கள் திட்டத்தில் சேர்க்கவும்.

const SimpleVideo = require('simple-video-editorjs');

var editor = EditorJS({
  ...
  
  tools: {
    ...
    video: SimpleVideo,
  }
  
  ...
});

பக்கத்தில் சில வீடியோக்களை எவ்வாறு ஹோஸ்ட் செய்ய வேண்டும் என்பதை உள்ளமைக்க உங்களை அனுமதிக்கும் சில எளிய விருப்பங்கள் எடிட்டரில் உள்ளன:

  1. ஆட்டோபிளே - பக்கம் ஏற்றும்போது வீடியோ தானாக இயங்கும்
  2. முடக்கியது - இயல்பாக வீடியோவில் ஒலி இருக்காது (ஆட்டோபிளே தேவை)
  3. கட்டுப்பாடுகள் - வீடியோவில் இயல்புநிலை HTML கட்டுப்பாடுகள் இருக்கும்.

உட்பொதிக்கப்பட்ட வீடியோவின் விரைவான எடுத்துக்காட்டு கீழே (மற்றும் சில விருப்பங்களைக் காட்டுகிறது).

எப்படியிருந்தாலும், இந்த சிறிய சொருகி உருவாக்குவதை நான் வேடிக்கையாகக் கொண்டிருந்தேன் - அதை உருவாக்குவது மிகவும் கடினம் அல்ல, நான் செய்த ஒரே விஷயம் என்னவென்றால், அடிப்படை 64 க்கு மாற்றுவதை ஒத்திவைப்பது எளிமையான படங்கள் பயன்படுத்துகின்றன, அதற்கு பதிலாக குமிழ் URL களைப் பயன்படுத்துகின்றன.

Paul Kinlan

Trying to make the web and developers better.

RSS Github Medium