add an initial design of synote player