A web-based learning framework of electrical discharge machining (EDM) is presented in this research. The architecture supports 'hands-on' exercise in precision manufacturing field for distance education and allows learners to practice and access an EDM-based virtual environment by means of the internet. Meanwhile, a learning website has been planned and constructed in order to facilitate interactivity and support EDM. In this research, open-source software tools and virtual interactive technology available are integrated to develop an emulated, effective, learning environment for distance education. The learning architecture is built independently on specific hardware and software of EDM configuration. The paper concludes with an example and the implementation phase for learning the prototype environment.