A simple video insertion tool for EditorJS

నేను నిజంగా EditorJS ఇష్టపడుతున్నాను. ఇది నా స్టాటిక్ హ్యూగో బ్లాగ్ కోసం చాలా సులభమైన వెబ్-హోస్ట్ ఇంటర్‌ఫేస్‌ను సృష్టించనివ్వండి.

సాధారణ బ్లాక్-ఆధారిత ఎడిటర్‌లో ఎడిటర్‌జేఎస్‌లో నాకు చాలా అవసరం ఉంది. దీనికి శీర్షికలు, కోడ్ మరియు హోస్టింగ్ మౌలిక సదుపాయాలు అవసరం లేకుండా ఎడిటర్‌కు చిత్రాలను జోడించే సరళమైన మార్గం కోసం ప్లగిన్ ఉంది. ఇప్పటి వరకు వీడియోలను ఎడిటర్‌కు జోడించడానికి దీనికి సాధారణ మార్గం లేదు.

నేను simple-image ప్లగ్ఇన్ రిపోజిటరీని తీసుకున్నాను మరియు 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